| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>CSS Snap Size: snap-height dynamic change</title> | 2 <title>CSS Snap Size: snap-height dynamic change</title> |
| 3 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> | 3 <link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> |
| 4 <link rel="help" href="https://drafts.csswg.org/css-snap-size/#snap-height"> | 4 <link rel="help" href="https://drafts.csswg.org/css-rhythm-1/#snap-height"> |
| 5 <meta name="assert" content="This test asserts changing the snap-height property
takes effects."> | 5 <meta name="assert" content="This test asserts changing the snap-height property
takes effects."> |
| 6 <meta name="flags" content="dom"> | 6 <meta name="flags" content="dom"> |
| 7 <script src="/resources/testharness.js"></script> | 7 <script src="/resources/testharness.js"></script> |
| 8 <script src="/resources/testharnessreport.js"></script> | 8 <script src="/resources/testharnessreport.js"></script> |
| 9 <style> | 9 <style> |
| 10 div { | 10 div { |
| 11 font-size: 20px; | 11 font-size: 20px; |
| 12 line-height: 1; | 12 line-height: 1; |
| 13 } | 13 } |
| 14 </style> | 14 </style> |
| (...skipping 13 matching lines...) Expand all Loading... |
| 28 }); | 28 }); |
| 29 | 29 |
| 30 function forceRelayout(element) { | 30 function forceRelayout(element) { |
| 31 var saved = element.style.display; | 31 var saved = element.style.display; |
| 32 element.style.display = "none"; | 32 element.style.display = "none"; |
| 33 element.offsetTop; | 33 element.offsetTop; |
| 34 element.style.display = saved; | 34 element.style.display = saved; |
| 35 element.offsetTop; | 35 element.offsetTop; |
| 36 } | 36 } |
| 37 </script> | 37 </script> |
| OLD | NEW |