<!doctype html> <html class="reftest-wait"> <title>Caret doesn't get stuck in a select element inside an editor</title> <script src="/tests/SimpleTest/EventUtils.js"></script> <script src="/tests/SimpleTest/SimpleTest.js"></script> <style> div:focus-within { outline: 3px solid blue; } span { outline: none; } </style> <div> xx <select> <option value="">Placeholder</option> </select> <span contenteditable="true" spellcheck="false">xxx</span> </div> <script> SimpleTest.waitForFocus(function() { document.querySelector('[contenteditable="true"]').focus(); requestAnimationFrame(function() { for (let i = 0; i < 2; ++i) synthesizeKey("KEY_ArrowRight"); document.documentElement.removeAttribute("class"); }); }); </script>