iBooks text can overlap, sometimes columns are shifted splitting words.
[WebKit-https.git] / LayoutTests / fast / text / simple-line-layout-glyph-overflows-line.html
1 <!doctype html>
2 <html>
3 <head>
4 <title>This tests that we bail out of simple line layout when glyph overflows the line</title>
5 <style>
6 div {
7         -webkit-line-box-contain: block glyphs;
8         font-size: 18px;
9 }
10 </style>
11 </head>
12 <body>
13 <div style="line-height: 13px">f<br>overflows this line.</div>
14 <div style="line-height: 14px">f<br>does not overflow this line.</div>
15 <div style="line-height: 15px">f<br>does not overflow this line.</div>
16 <div style="line-height: 16px">f<br>does not overflow this line.</div>
17 <div style="line-height: 17px">f<br>does not overflow this line.</div>
18 <div style="line-height: 18px">f<br>does not overflow this line.</div>
19 <div style="line-height: 20px">g<br>does not overflow this line.</div>
20 <div style="line-height: 19px">g<br>overflows this line.</div>
21 <div style="line-height: 18px">j<br>overflows this line.</div>
22 <div style="line-height: 17px">j<br>overflows this line.</div>
23 </body>
24 </html>