css3-text-line-break-baspglwj-018

CSS3 Text, linebreaks: U+2012 FIGURE DASH

WeasyPrint

This browser

Flags
dom, font, script
Assertion
[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters.

Source

 1 <!DOCTYPE html>
 2 <html lang="en"><head>
 3 <meta charset="utf-8">
 4 <title>CSS3 Text, linebreaks: U+2012 FIGURE DASH</title>
 5 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
 6 <link href="https://drafts.csswg.org/css-text-3/#line-breaking" rel="help">
 7 <script src="/resources/testharness.js"></script>
 8 <script src="/resources/testharnessreport.js"></script>
 9 <meta content="font dom" name="flags">
10 <meta content="[Exploratory] The browser will break a line of text after each of the BA breaking hyphen characters." name="assert">
11 <style type="text/css">
12 @font-face {
13     font-family: 'csstest_ascii';
14     src: url('support/csstest-ascii-webfont.woff') format('woff');
15     font-weight: normal;
16     font-style: normal;
17 	}
18 #breakable { font-family: csstest_ascii; font-size: 25px; width: 800px; line-height: 30px; }
19 </style>
20 </head>
21 <body>
22 
23 
24 
25 <div class="test">
26 			<div id="breakable">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa‒bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
27 			</div>
28 
29 
30 <!--Notes:
31 
32 Box height: <span id='debugresult'></span><script>document.getElementById('debugresult').innerHTML = document.getElementById('breakable').offsetHeight;</script>
33 
34 -->
35 <script>
36 test(function() {
37 assert_true(document.getElementById('breakable').offsetHeight > 35);
38 }, " ");
39 </script>
40 
41 <div id="log"></div>
42 
43 
44 
45 </body></html>