text-transform-upperlower-106.html (910B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: text-transform uppercase Greek acute diaeresis iota and selection</title> 4 <link rel="author" href="mailto:xiaochengh@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-text/#propdef-text-transform"> 6 <link rel="match" href="reference/text-transform-upperlower-106-ref.html"> 7 <meta name="assert" content="text-transform: uppercase will uppercase the Greek acute diaeresis iota by removing acute, and the rendered character is selectable."> 8 <style> 9 #target { 10 text-transform: uppercase; 11 color: white; 12 background: red; 13 } 14 #target::selection { 15 background: green; 16 } 17 </style> 18 19 <p>The test passes if you see red below (by selecting the first letter only).</p> 20 21 <span id="target" lang="el">Ϊ́Ρ</span> 22 23 <script> 24 window.getSelection().setBaseAndExtent(target.firstChild, 0, target.firstChild, 3); 25 </script>