| <!doctype html> |
| <title>contenteditable causes blocks to have a synthesized height</title> |
| <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> |
| <link rel="author" href="https://mozilla.org" title="Mozilla"> |
| <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1098151"> |
| <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1634543"> |
| <link rel="help" href="https://github.com/w3c/editing/issues/70"> |
| <link rel="match" href="synthetic-height-ref.html"> |
| <style> |
| div { background: green; border: 1px solid; } |
| .pseudo::before { |
| content: ""; |
| } |
| .abspos-pseudo::before { |
| position: absolute; |
| } |
| </style> |
| <div contenteditable></div> |
| <div contenteditable><span style="position: absolute"></span></div> |
| <div contenteditable class="pseudo"></div> |
| <div contenteditable class="pseudo abspos-pseudo"></div> |