getClientRects-inline-atomic-child.html (994B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/cssom-view-1/#dom-element-getclientrects"> 3 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <style> 7 inline-block { 8 display: inline-block; 9 height: 100px; 10 } 11 </style> 12 <body> 13 <div> 14 <span class="target"> 15 <inline-block></inline-block> 16 </span> 17 </div> 18 <div> 19 <span class="target"> 20 <span> 21 <inline-block></inline-block> 22 </span> 23 </span> 24 </div> 25 <div> 26 <span class="target"> 27 <span> 28 <span> 29 <inline-block></inline-block> 30 </span> 31 </span> 32 </span> 33 </div> 34 <script> 35 for (let element of document.getElementsByClassName('target')) { 36 let rects = element.getClientRects(); 37 test(() => { 38 assert_equals(rects.length, 1); 39 for (let rect of rects) 40 assert_not_equals(rect.height, 100); 41 }); 42 } 43 </script> 44 </body>