invalid-css-properties.tentative.html (2527B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <link rel="help" href="https://github.com/WICG/PEPC/blob/main/explainer.md#locking-the-pepc-style"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <body> 7 <!--The geolocation element does not allow certain CSS properties 8 --> 9 <style> 10 #id1 { 11 border-image: url('test-url'); 12 background-image: url('test-url'); 13 clip-path: circle(10px); 14 filter: blur(10px); 15 mask: url('test-url'); 16 padding-left: 10px; /* this is not allowed because width is not set to 'auto' */ 17 width: 200px; 18 transform: rotate(10); 19 border: 0px; 20 cursor: none; 21 content-visibility: hidden; 22 contain: size; 23 corner-shape: notch; 24 corner-top-left-shape: scoop; 25 corner-top-right-shape: bevel; 26 corner-bottom-left-shape: squircle; 27 corner-bottom-right-shape: square; 28 } 29 </style> 30 31 <geolocation id="id1"></geolocation> 32 33 <script> 34 test(function(){ 35 var el_with_negatives = document.getElementById("id1"); 36 assert_equals(getComputedStyle(el_with_negatives).borderImage, "none", "border-image"); 37 assert_equals(getComputedStyle(el_with_negatives).backgroundImage, "none", "background-image"); 38 assert_equals(getComputedStyle(el_with_negatives).clipPath, "none", "clip-path"); 39 assert_equals(getComputedStyle(el_with_negatives).filter, "none", "filter"); 40 assert_equals(getComputedStyle(el_with_negatives).mask, "none", "mask"); 41 assert_equals(getComputedStyle(el_with_negatives).paddingLeft, "0px", "padding-left"); 42 assert_equals(getComputedStyle(el_with_negatives).transform, "none", "transform"); 43 assert_equals(getComputedStyle(el_with_negatives).cursor, "pointer", "cursor"); 44 assert_equals(getComputedStyle(el_with_negatives).contentVisibility, "visible", "content-visibility"); 45 assert_equals(getComputedStyle(el_with_negatives).contain, "none", "contain"); 46 assert_equals(getComputedStyle(el_with_negatives).cornerShape, "round", "corner-shape"); 47 assert_equals(getComputedStyle(el_with_negatives).cornerTopLeftShape, "round", "corner-top-left-shape"); 48 assert_equals(getComputedStyle(el_with_negatives).cornerTopRightShape, "round", "corner-top-right-shape"); 49 assert_equals(getComputedStyle(el_with_negatives).cornerBottomLeftShape, "round", "corner-bottom-left-shape"); 50 assert_equals(getComputedStyle(el_with_negatives).cornerBottomRightShape, "round", "corner-bottom-right-shape"); 51 }, "None of the listed properties should be applied"); 52 </script> 53 </body>