tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

css3-text-line-break-baspglwj-121.html (2003B)

      1 <!DOCTYPE html>
      2 <html  lang="en" >
      3 <head>
      4 <meta charset="utf-8"/>
      5 <title>CSS3 Text, linebreaks: U+202F NARROW NO-BREAK SPACE</title>
      6 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
      7 <link rel='help' href='https://drafts.csswg.org/css-text-3/#line-break-details'>
      8 <script src="/resources/testharness.js"></script>
      9 <script src="/resources/testharnessreport.js"></script>
     10 <meta name='flags' content='dom'>
     11 <meta name="assert" content="[Exploratory] The browser will NOT break a line of text containing any Unicode character with the GL non-breaking property.">
     12 <style type='text/css'>
     13 .test > div { font-family: monospace; font-size: 25px; width: 50ch; line-height: 30px; }
     14 #breakable2 { white-space: pre-line; }
     15 #breakable3 { white-space: pre-wrap; }
     16 #breakable4 { white-space: break-spaces; }
     17 </style>
     18 </head>
     19 <body>
     20 
     21 <div class="test">
     22  <div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x202F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
     23  <div id="breakable2">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x202F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
     24  <div id="breakable3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x202F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
     25  <div id="breakable4">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&#x202F;bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
     26 </div>
     27 
     28 
     29 <!--Notes:
     30 
     31 Box height: <span id='debugresult'></span><script>document.getElementById('debugresult').innerHTML = document.getElementById('breakable').offsetHeight;</script>
     32 
     33 -->
     34 <script>
     35 test(function() {
     36  assert_true(document.getElementById('breakable').offsetHeight < 35);
     37 }, "white-space:normal");
     38 test(function() {
     39  assert_true(document.getElementById('breakable2').offsetHeight < 35);
     40 }, "white-space:pre-line");
     41 test(function() {
     42  assert_true(document.getElementById('breakable3').offsetHeight < 35);
     43 }, "white-space:pre-wrap");
     44 test(function() {
     45  assert_true(document.getElementById('breakable4').offsetHeight < 35);
     46 }, "white-space:break-spaces");
     47 </script>
     48 
     49 <div id='log'></div>
     50 
     51 </body>
     52 </html>