When these properties are set together, browses have different priorities.
Test: http://output.jsbin.com/bivori
Observations:
| Browser |
Priority |
| Edge |
break-all > hyphens > break-word |
| Gecko |
break-all > hyphens > break-word |
| WebKit |
hyphens > break-all/break-word |
| Blink |
break-all > break-word > hyphens |
From a user feedback and for consistency with other 3 browsers, I'm changing Blink to prioritize hyphens over break-word.
This leaves a question whether hyphens should win over break-all, or opposite.
Thoughts, anyone?
When these properties are set together, browses have different priorities.
Test: http://output.jsbin.com/bivori
Observations:
break-all>hyphens>break-wordbreak-all>hyphens>break-wordhyphens>break-all/break-wordbreak-all>break-word>hyphensFrom a user feedback and for consistency with other 3 browsers, I'm changing Blink to prioritize
hyphensoverbreak-word.This leaves a question whether
hyphensshould win overbreak-all, or opposite.Thoughts, anyone?