bidi-006-j.html (1348B)
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 text-align: justify; 28 } 29 span { 30 display: inline-block; 31 width: 3em; 32 height: 3em; 33 margin-top: -2em; 34 vertical-align: bottom; 35 background: white; 36 } 37 /* borders should be covered by overhang */ 38 p#test { 39 border-left: 3em solid red; 40 border-right: 3em solid red; 41 width: max-content; 42 width: intrinsic; 43 } 44 </style> 45 <body> 46 <p id="test">נָ</p> 47 <p id="overhang"><span></span>נ<span></span></p> 48 </body> 49 </html>