<!doctype html> <html class="reftest-wait"> <title>user-select can be overriden on a contenteditable element</title> <script src="/tests/SimpleTest/EventUtils.js"></script> <script src="/tests/SimpleTest/SimpleTest.js"></script> <style> div { -webkit-user-select: all; -moz-user-select: all; user-select: all; } </style> <div contenteditable="true"> You should be able to select <b>all</b> of me. </div> <script> SimpleTest.waitForFocus(function() { const editable = document.querySelector('div[contenteditable="true"]'); editable.focus(); synthesizeMouseAtCenter(editable.querySelector("b"), {}); setTimeout(() => document.documentElement.removeAttribute("class"), 0); }); </script>