synthetic-height.html (865B)
1 <!doctype html> 2 <title>contenteditable causes blocks to have a synthesized height</title> 3 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 4 <link rel="author" href="https://mozilla.org" title="Mozilla"> 5 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1098151"> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1634543"> 7 <link rel="help" href="https://github.com/w3c/editing/issues/70"> 8 <link rel="match" href="synthetic-height-ref.html"> 9 <style> 10 div { background: green; border: 1px solid; } 11 .pseudo::before { 12 content: ""; 13 } 14 .abspos-pseudo::before { 15 position: absolute; 16 } 17 </style> 18 <div contenteditable></div> 19 <div contenteditable><span style="position: absolute"></span></div> 20 <div contenteditable class="pseudo"></div> 21 <div contenteditable class="pseudo abspos-pseudo"></div>