grandchild-span-height.html (954B)
1 <!DOCTYPE html> 2 <meta name="flags" content="asis" /> 3 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> 4 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1601626"> 5 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 6 7 <style> 8 #reference-overlapped-red { 9 position: absolute; 10 background-color: red; 11 width: 100px; 12 height: 100px; 13 z-index: -1; 14 } 15 16 </style> 17 <p>Test passes if there is a filled green square and <strong>no red</strong>. 18 </p> 19 20 <div id=reference-overlapped-red></div> 21 22 <!-- Firefox 111 gives the green square too much height. 111px on my system. --> 23 24 <div style="display: flex;"> 25 <div style="background-color: green; line-height: 10px;"> 26 <span style="margin-left: 1px"> 27 <div style="display:inline-block; width: 99px; height: 100px"></div> 28 <!-- the html comments are necessary to trigger the bug --> 29 <!-- --> 30 </span> 31 </div> 32 </div>