table-position-sticky-computed.html (713B)
1 <!DOCTYPE html> 2 <title>Computed value of position:sticky for table elements</title> 3 <script src='/resources/testharness.js'></script> 4 <script src='/resources/testharnessreport.js'></script> 5 <link rel="help" href="https://www.w3.org/TR/css-tables-3"> 6 <link rel="help" href="https://crbug.com/1307976"> 7 <style> 8 table * { 9 position: sticky; 10 } 11 </style> 12 13 <table> 14 <thead> 15 </thead> 16 <tbody> 17 <tr> 18 <td>Test</td> 19 </tr> 20 </tbody> 21 <tfoot> 22 </tfoot> 23 </table> 24 25 <script> 26 for (let element of document.querySelectorAll('table *')) { 27 test(() => { 28 assert_equals(getComputedStyle(element).position, 'sticky'); 29 }, `Computed value of position:sticky on ${element.tagName}`); 30 } 31 </script>