first-letter-list-item-dynamic-001.html (842B)
1 <!doctype html> 2 <title>CSS Test: Move ::first-letter text node (required: list item, float, fixed, contenteditable).</title> 3 <link rel="match" href="first-letter-list-item-dynamic-001-ref.html"> 4 <link rel="help" href="https://drafts.csswg.org/css-pseudo/#first-letter-pseudo"> 5 <link rel="help" href="https://crbug.com/977044"> 6 <style> 7 #outer { 8 display: list-item; 9 overflow: auto; /* Triggers a crash in Blink see link to issue 977044 */ 10 } 11 #outer::first-letter { 12 float: left; 13 color: green; 14 } 15 #fixed { position: fixed; } 16 #inner { float: left; } 17 </style> 18 <p>The X below should be green.</p> 19 <div id="outer" contenteditable="true">X<div id="fixed"></div><div id="inner"></div></div> 20 <script> 21 document.body.offsetTop; 22 inner.appendChild(outer.removeChild(outer.firstChild)); 23 inner.removeAttribute("id"); 24 </script>