layout/reftests/text-shadow/text-shadow-selected-2-ref.html

Wed, 31 Dec 2014 13:27:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 13:27:57 +0100
branch
TOR_BUG_3246
changeset 6
8bccb770b82d
permissions
-rw-r--r--

Ignore runtime configuration files generated during quality assurance.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <script type="text/javascript">
michael@0 5 function onload() {
michael@0 6 window.focus();
michael@0 7 var range = document.createRange();
michael@0 8 range.selectNodeContents(document.getElementById("selectMe"));
michael@0 9 var sel = window.getSelection();
michael@0 10 sel.removeAllRanges();
michael@0 11 sel.addRange(range);
michael@0 12 }
michael@0 13 </script>
michael@0 14 <style type="text/css">
michael@0 15 body {
michael@0 16 background: lightGray;
michael@0 17 }
michael@0 18 div {
michael@0 19 position: absolute;
michael@0 20 top: 10px;
michael@0 21 left: 10px;
michael@0 22 font: 36px monospace;
michael@0 23 color: white;
michael@0 24 }
michael@0 25 </style>
michael@0 26 </head>
michael@0 27 <!-- REF case renders the selection first, using &nbsp; to avoid any show-through of glyph edges,
michael@0 28 then the shadowed text on top of that -->
michael@0 29 <body onload="onload()">
michael@0 30 <div id="selectMe">
michael@0 31 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
michael@0 32 </div>
michael@0 33 <div style="text-shadow:1px 1px 1px red;">
michael@0 34 <bdo dir="rtl">selected shadowed rtl text</bdo>
michael@0 35 </div>
michael@0 36 </body>
michael@0 37 </html>

mercurial