form-margin-quirk.html (751B)
1 <!-- quirks --> 2 <title>form margin quirk</title> 3 <script src=/resources/testharness.js></script> 4 <script src=/resources/testharnessreport.js></script> 5 <style> 6 form { writing-mode: vertical-lr; } 7 #ref { margin: 0 1em 0 0; } 8 </style> 9 <form id=form></form> 10 <div id=ref></div> 11 <script> 12 test(() => { 13 const formStyle = getComputedStyle(document.getElementById('form')); 14 const refStyle = getComputedStyle(document.getElementById('ref')); 15 assert_equals(formStyle.marginTop, refStyle.marginTop, 'marginTop'); 16 assert_equals(formStyle.marginRight, refStyle.marginRight, 'marginRight'); 17 assert_equals(formStyle.marginBottom, refStyle.marginBottom, 'marginBottom'); 18 assert_equals(formStyle.marginLeft, refStyle.marginLeft, 'marginLeft'); 19 }); 20 </script>