min-inline-size.html (1562B)
1 <!doctype html> 2 <title>fieldset min-inline-size</title> 3 <script src=/resources/testharness.js></script> 4 <script src=/resources/testharnessreport.js></script> 5 <style> 6 fieldset { width: 0; height: 0 } 7 fieldset > div { width: 100px; height: 100px } 8 #vertical-lr { writing-mode: vertical-lr } 9 #vertical-rl { writing-mode: vertical-rl } 10 .override { min-inline-size: 5px } 11 </style> 12 <fieldset id=horizontal-tb><div></div></fieldset> 13 <fieldset id=vertical-lr><div></div></fieldset> 14 <fieldset id=vertical-rl><div></div></fieldset> 15 <script> 16 for (const className of ['', 'override']) { 17 const expected = className === '' ? '100px' : '5px'; 18 test(() => { 19 const fieldset = document.getElementById('horizontal-tb'); 20 fieldset.className = className; 21 assert_equals(getComputedStyle(fieldset).width, expected, 'width'); 22 assert_equals(getComputedStyle(fieldset).height, '0px', 'height'); 23 }, `horizontal-tb ${className}`); 24 25 test(() => { 26 const fieldset = document.getElementById('vertical-lr'); 27 fieldset.className = className; 28 assert_equals(getComputedStyle(fieldset).width, '0px', 'width'); 29 assert_equals(getComputedStyle(fieldset).height, expected, 'height'); 30 }, `vertical-lr ${className}`); 31 32 test(() => { 33 const fieldset = document.getElementById('vertical-rl'); 34 fieldset.className = className; 35 assert_equals(getComputedStyle(fieldset).width, '0px', 'width'); 36 assert_equals(getComputedStyle(fieldset).height, expected, 'height'); 37 }, `vertical-rl ${className}`); 38 } 39 </script>