Spelling dots are drawn in the wrong place
[WebKit-https.git] / LayoutTests / fast / writing-mode / english-bt-text-with-spelling-marker.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="../../editing/editing.js"></script>
5 <style>
6 @font-face {
7     font-family: Ahem;
8     src: url("../../resources/Ahem.ttf");
9 }
10
11 body {
12     -webkit-writing-mode: horizontal-bt;
13     font: 20px/1 Ahem;
14     line-height: 1.2;
15 }
16
17 #test {
18     display: inline-block;
19     position: absolute;
20     top: 0;
21     left: 0;
22     width: 200px;
23 }
24 </style>
25 </head>
26 <body>
27 <div id="test" contenteditable="true"></div>
28 <script>
29 if (window.internals)
30     internals.setContinuousSpellCheckingEnabled(true);
31
32 var test = document.getElementById("test");
33
34 typeText("a mispelled", test);
35 queueCommand(() => window.internals && internals.updateEditorUINowIfScheduled()); // Trigger spell checking
36
37 function typeText(text, element)
38 {
39     element.focus();
40     for (const c of text)
41         typeCharacterCommand(c);
42     element.blur();
43 }
44 </script>
45 </body>
46 </html>