word-break-auto-phrase-fallback-001.html (1136B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text level 4 Test: word-break:auto-phrase mistagged</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-4/#word-break-property"> 6 <link rel="match" href="reference/word-break-auto-phrase-fallback-001-ref.html"> 7 <meta name="assert" content="word-break:auto-phrase, does the same as normal (insert soft wraps for south east asian) on SA content tagged with the wrong language: soft wrap opportunities within each phrase are to be suppressed, but a run of Thai characters is not a phrase in Japanese."> 8 <style> 9 div { 10 font-size: 2em; 11 border: solid orange; 12 margin: 5px; 13 width: min-content; /*not 0, to avoid falling into overflow fallback behavior */ 14 word-break: normal; 15 } 16 #test { 17 word-break: auto-phrase; 18 } 19 </style> 20 21 <p>Test passes if the two boxes below are identical. 22 23 <div id=test lang=ja>กรุงเทพคือสวยงาม</div> 24 25 <!-- keeping the lang=ja because it may affects font selection--> 26 <div id=ref lang=ja>กรุงเทพคือสวยงาม</div>