Blitz - WPT: getclientrects-002.html

wpt / css / css-multicol / getclientrects-002.html

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

Subtest	Status	Message
Rectangle count	FAIL	assert_equals: expected 2 but got 1
#0 left	FAIL	assert_equals: expected 175 but got 25
#0 top	FAIL	assert_equals: expected 35 but got 135
#0 width	PASS
#0 height	FAIL	assert_equals: expected 90 but got 120
#1 left	FAIL	cannot convert 'null' or 'undefined' to object
#1 top	FAIL	cannot convert 'null' or 'undefined' to object
#1 width	FAIL	cannot convert 'null' or 'undefined' to object
#1 height	FAIL	cannot convert 'null' or 'undefined' to object

Enable JavaScript in test iframe

/css/css-multicol/getclientrects-002.html

<!DOCTYPE html>
<title>out-of-flow in relpos in multicol</title>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-getclientrects">
<link rel="help" href="https://drafts.csswg.org/css-multicol/">
<style>
  body {
    margin: 0;
  }
</style>
<div style="margin:10px; border:10px solid; padding:5px; columns:3; gap:50px; column-fill:auto; inline-size:400px; block-size:100px;">
  <div style="block-size:50px;"></div>
  <div style="position:relative;">
    <div style="block-size:60px;"></div>
    <div id="elm" style="position:absolute; inline-size:10px; border:10px solid; block-size:100px;"></div>
  </div>
</div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
  let rects = elm.getClientRects();
  test(()=> { assert_equals(rects.length, 2); }, "Rectangle count");
  test(()=> { assert_equals(rects[0].left, 175); }, "#0 left");
  test(()=> { assert_equals(rects[0].top, 35); }, "#0 top");
  test(()=> { assert_equals(rects[0].width, 30); }, "#0 width");
  test(()=> { assert_equals(rects[0].height, 90); }, "#0 height");
  test(()=> { assert_equals(rects[1].left, 325); }, "#1 left");
  test(()=> { assert_equals(rects[1].top, 25); }, "#1 top");
  test(()=> { assert_equals(rects[1].width, 30); }, "#1 width");
  test(()=> { assert_equals(rects[1].height, 30); }, "#1 height");
</script>