URL: https://photos.google.com/

Browser / Version: Firefox 66.0
Operating System: Linux
Tested Another Browser: Yes

Problem type: Design is broken
Description: Comments are wrapping midword on the right side of shared Google Photos albums
Steps to Reproduce:
A family member shared a Google Photos photo album with me, with some baby photos.

The photo album had a few comments, which I could see via a "2 comments" floating label at the bottom right overlaying the album. I clicked that (which reveals a right sidebar) and scrolled to see the comments, only to find that the comments' words were broken to new lines at arbitrary points, midword! See attached screenshot.

This is due to the comments having this style applied:

.FwjLJe {
    font: 400 1rem/1.5rem Roboto,Arial,sans-serif;
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
}

Of the two "word-break" styles there, "break-all" is the standard one (and the only one that Firefox supports). And it instructs Firefox that breaks can be inserted anywhere, so that's what we do, breaking words midword

Works in Chrome, because the second "word-break" property value ("break-word") does something there.

From webcompat.com with ❤️