publikator-frontend
publikator-frontend copied to clipboard
Prevent Wrapping Some Hyphenated Words
Bug Report
E.g. CO2-Ausstoss
, CO2-Steuern
and Y-Generation
should not wrap.
Steps to Reproduce
- see https://publikator.republik.love/repo/republik-dev/article-nonbreaking-hyphen/tree
Markdown Source:
CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Ausstoss CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern CO<sub>2</sub>-Steuern
Actual Results

Expected Results

No Easy Solutions
Non-Breaking-Hyphen (U+2011) does not help:

Because of the <sub>
element around two it still wraps.
Also currently U+2011 is not supported in our PDFs:
Possible Solutions
-
nowrap
spans (similar to a what we'd need for thin space numbers)
Addendum: CO<sub>2</sub>-Ausstoss
may wrap between CO
and <sub>2</sub>
as seen in example above, too.
Can this be considered part of this issue, or shall we create a dedicated one?
@patrickvenetz def part of the issue. The exact wrap behaviour is different between browsers too.