blob: 20bfb87235e61e7d2ebf02df1fb4ae654c18e3ac [file] [log] [blame]
<!DOCTYPE html>
<script src="../resources/ahem.js"></script>
<style>
body { margin:0; }
</style>
<div style="columns:3; width:100px; height:100px; column-fill:auto; font:16px/1 Ahem; background:yellow;">
<span id="elm" style="display:inline-block; transform:translateX(16px) rotate(90deg); transform-origin:top left;">XXX</span>
</div>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<script>
test(function() {
var rects = document.getElementById("elm").getClientRects();
assert_equals(rects.length, 1);
var rect = rects[0];
assert_equals(rect.left, 0, "left");
assert_equals(rect.top, 0, "top");
assert_between_inclusive(rect.right, 15.9, 16.1, "right");
assert_between_inclusive(rect.bottom, 47.9, 48.1, "bottom");
}, "getClientRects of transformed atomic inline in multicol");
</script>