bug1518339-1.html (715B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>contenteditable is selectable by default, even with a user-select: none ancestor</title> 4 <script src="/tests/SimpleTest/EventUtils.js"></script> 5 <script src="/tests/SimpleTest/SimpleTest.js"></script> 6 <style> 7 :root { 8 -webkit-user-select: none; 9 -moz-user-select: none; 10 user-select: none; 11 } 12 </style> 13 <div contenteditable="true"> 14 Can you edit <b>me</b>? 15 </div> 16 <script> 17 SimpleTest.waitForFocus(function() { 18 const editable = document.querySelector('div[contenteditable="true"]'); 19 editable.focus(); 20 synthesizeMouseAtCenter(editable.querySelector("b"), {}); 21 setTimeout(() => document.documentElement.removeAttribute("class"), 0); 22 }); 23 </script>