Ebook viewer: Breaking long words at the ends of lines causing boxes to be rendered instead of hyphens on macOS

[Andras]

Version: 5.33.2 Problem was present also in 5.33. I think a couple of versions earlier it was working fine.
OS: Mac OS Monterey 12.1
Font: Tried a lot of fonts. Hyphens are broken with all fonts.

Custom style I used for many versions of Calibre:
p {
text-align:justify !important;
line-height: 1.4 !important;
hyphens:auto !important;
}
h1, h2, h3, h4, h5, h6 {
text-align:center;
font-style:italic;
font-weight:bold;}

Current behavior:
Hyphens render as a box in the end of the line with any font.

Expected behavior:
Hyphens render as "-" in the end of the line with any font.

[Kovid Goyal (kovid)]

This will be a bug in Qt WebEngine/chromium. Use

-webkit-hyphenate-character: "-" !important

[Kovid Goyal (kovid)]

Fixed in branch master. The fix will be in the next release. calibre is usually released every alternate Friday.

 status fixreleased

[Andras (abartl)]

Thank you for the reply, your solution worked! In case anybody wants more detail, look here:
https://www.bram.us/2021/12/18/broken-hyphens-in-chromium-96-an-explanation-and-fix/

My updated style:

p {
text-align:justify !important;
line-height: 1.4 !important;
hyphens:auto !important;
-webkit-hyphenate-character: '-';
}
h1, h2, h3, h4, h5, h6 {
text-align:center;
font-style:italic;
font-weight:bold;
}

[Alan Smith (dralans)]

The hyphenation bug wasn't fixed in the ebook editor in calibre 5.35 for MacOS.