text-overflow-ellipsis-editing-input.html (700B)
1 <!doctype html> 2 <title>CSS Overflow Test: text-overflow:ellipsis not rendered while editing</title> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow/#ellipsis-interaction"> 4 <link rel="match" href="text-overflow-ellipsis-editing-input-ref.html"> 5 <!-- The specification says it "may" render ellipsis as clip while editing, but 6 all current engines do for input elements. --> 7 <style> 8 input { 9 all: initial; 10 width: 100px; 11 text-overflow: ellipsis; 12 caret-color: transparent; 13 } 14 </style> 15 <p>You should not see an ellipsis for the text below.</p> 16 <input id="input_element" value="xxxxxxxxxxxxxxxxxxxx"> 17 <script> 18 input_element.offsetTop; 19 input_element.focus(); 20 </script>