bidi-006.html (1325B)
1 <!DOCTYPE html> 2 <!-- Bidi reftest 006: rtl text with diacritics. This is hard to reftest 3 because if there is a bug it will typically be exhibited in the reference 4 rendering as well as in the test. The approach adopted here is to 5 position boxes around the edges of the character without a diacritic and 6 make sure that the character with the diacritic displays in the same 7 space, so that if the diacritic is shifted to the right or left it will 8 be cut off in the test rendering and be visible (in the wrong place) in 9 the reference rendering. 10 11 Relevant bugs: 12 378351 (Windows) 13 386573 (Mac) 14 387653 (Linux) 15 395676 (Windows) 16 --> 17 <html> 18 <head> 19 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 20 </head> 21 <style type="text/css"> 22 body { background: white; color: black; } 23 p { 24 font-family: sans-serif; 25 font-size: 36px; 26 margin: 0; 27 } 28 span { 29 display: inline-block; 30 width: 3em; 31 height: 3em; 32 margin-top: -2em; 33 vertical-align: bottom; 34 background: white; 35 } 36 /* borders should be covered by overhang */ 37 p#test { 38 border-left: 3em solid red; 39 border-right: 3em solid red; 40 width: max-content; 41 width: intrinsic; 42 } 43 </style> 44 <body> 45 <p id="test">נָ</p> 46 <p id="overhang"><span></span>נ<span></span></p> 47 </body> 48 </html>