overscroll-behavior-valid.html (1436B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Overscroll Behavior: parsing overscroll-behavior with valid values</title> 6 <link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-overscroll-behavior/#propdef-overscroll-behavior"> 8 <meta name="assert" content="overscroll-behavior supports the full grammar '[ contain | none | auto ]{1,2}'."> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 <script src="/css/support/parsing-testcommon.js"></script> 12 </head> 13 <body> 14 <script> 15 'use strict'; 16 test_valid_value("overscroll-behavior", "contain"); 17 test_valid_value("overscroll-behavior", "none"); 18 test_valid_value("overscroll-behavior", "auto"); 19 20 test_valid_value("overscroll-behavior", "contain none"); 21 test_valid_value("overscroll-behavior", "none auto"); 22 test_valid_value("overscroll-behavior", "auto contain"); 23 24 test_valid_value("overscroll-behavior", "contain contain", "contain"); 25 test_valid_value("overscroll-behavior", "none none", "none"); 26 test_valid_value("overscroll-behavior", "auto auto", "auto"); 27 28 29 for (let property of ["overscroll-behavior-x", "overscroll-behavior-y", "overscroll-behavior-inline", "overscroll-behavior-block"]) { 30 test_valid_value(property, "contain"); 31 test_valid_value(property, "none"); 32 test_valid_value(property, "auto"); 33 } 34 </script> 35 </body> 36 </html>