<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Test for bug 1146754</title> <script> function selectTest() { window.getSelection().removeAllRanges(); var range = document.createRange(); range.selectNode(document.querySelector('#test')); window.getSelection().addRange(range); } </script> <style> body { padding: 1em; } div>div { height: 2em; } </style> </head> <body onload="selectTest()" contenteditable> <div id="test"> <div>123 </div> <div style="text-shadow:8px 3px 0 red;">456 </div> <div style="text-decoration:underline">789 </div> <div style="text-decoration:underline; text-shadow:-4px 3px 0 red;">012 </div> </div> </body> </html>