TYPO3 Core

Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/55258

Applied in changeset cb6096f30790c074fdc39a731fcc36240e6821d6.

Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/55320

Applied in changeset 8a5b320910b52208c0ba17ec1bfd8227d3481cd0.

Patch set 1 for branch TYPO3_8-7 of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/55325

Applied in changeset 0ba14b9ca1e3722f1e75d63580a9b8ae36aa2eb5.

Michael Schams just pinged me, the issue is not completely solved.

Re-open ticket: issue re-appeared.

∎ reproducible in TYPO3 v8.7.10
∎ reproducible in TYPO3 v8.7.16
∎ reproducible in TYPO3 v9.3.0 (maybe earlier)

See attached screenshot0001.png and screenshot0002.png.

What browser are you using?

can you test it with the latest 8.7 and 9.5 ? I am not able to reproduce it using Chrome (latest) on MAC.

Issue occurs with Firefox Quantum 60.2.2esr (64-bit), but I can confirm it works fine in Chrome.
2x new screenshots attached (TYPO3 9.5.0 + Firefox Quantum).

Oh, yes thank you! It seems that Firefox does not support word-break: break-word; instead you should use overflow-wrap: break-word; (https://stackoverflow.com/questions/4282757/how-can-i-make-firefox-word-break-with-css)

Plus, it still does not work inside the div that has a display:table-cell

I found this combination that should work:

.dropdown-table{
     table-layout:fixed;
}

.dropdown-table-column{
    word-break:break-word;
    overflow-wrap:break-word;
}

Patch set 4 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/60428

Resolved with #88522