getComputedStyle-margins-roundtrip.html (1293B)
1 <!DOCTYPE html> 2 <title>Chromium bug: getComputedStyle() fixed-length inset values don't roundtrip</title> 3 <link rel="help" href="https://drafts.csswg.org/cssom/#resolved-value"> 4 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1482703"> 5 <link rel="help" href="mailto:xiaochengh@chromium.org"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 9 <div id="target1" style="margin-left: 20.7px"></div> 10 <script> 11 test(() => { 12 assert_equals(getComputedStyle(target1).marginLeft, '20.7px'); 13 }, 'Fixed-length margin-left property value should roundtrip'); 14 </script> 15 16 <div id="target2" style="margin-right: 20.7px"></div> 17 <script> 18 test(() => { 19 assert_equals(getComputedStyle(target2).marginRight, '20.7px'); 20 }, 'Fixed-length margin-right property value should roundtrip'); 21 </script> 22 23 <div id="target3" style="margin-top: 20.7px"></div> 24 <script> 25 test(() => { 26 assert_equals(getComputedStyle(target3).marginTop, '20.7px'); 27 }, 'Fixed-length margin-top property value should roundtrip'); 28 </script> 29 30 <div id="target4" style="margin-bottom: 20.7px"></div> 31 <script> 32 test(() => { 33 assert_equals(getComputedStyle(target4).marginBottom, '20.7px'); 34 }, 'Fixed-length margin-bottom property value should roundtrip'); 35 </script>