property-interpolations.html (1775B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Anchor Positioning Test: Interpolation of anchor related properties</title> 4 <link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/css/support/interpolation-testcommon.js"></script> 8 <body> 9 <script> 10 test_no_interpolation({ 11 property: 'anchor-name', 12 from: 'none', 13 to: '--foo', 14 }); 15 test_no_interpolation({ 16 property: 'anchor-name', 17 from: '--foo', 18 to: '--bar', 19 }); 20 21 test_no_interpolation({ 22 property: 'position-anchor', 23 from: 'auto', 24 to: '--foo', 25 }); 26 test_no_interpolation({ 27 property: 'position-anchor', 28 from: '--foo', 29 to: '--bar', 30 }); 31 32 test_no_interpolation({ 33 property: 'position-area', 34 from: 'none', 35 to: 'center', 36 }); 37 test_no_interpolation({ 38 property: 'position-area', 39 from: 'left', 40 to: 'right', 41 }); 42 43 test_no_interpolation({ 44 property: 'position-try-fallbacks', 45 from: 'none', 46 to: '--foo', 47 }); 48 test_no_interpolation({ 49 property: 'position-try-fallbacks', 50 from: 'none', 51 to: 'flip-block', 52 }); 53 test_no_interpolation({ 54 property: 'position-try-fallbacks', 55 from: 'flip-inline', 56 to: 'flip-block', 57 }); 58 test_no_interpolation({ 59 property: 'position-try-fallbacks', 60 from: '--foo', 61 to: '--bar', 62 }); 63 test_no_interpolation({ 64 property: 'position-try-fallbacks', 65 from: '--foo', 66 to: 'flip-block', 67 }); 68 69 test_no_interpolation({ 70 property: 'position-try-order', 71 from: 'normal', 72 to: 'most-width', 73 }); 74 test_no_interpolation({ 75 property: 'position-try-order', 76 from: 'most-width', 77 to: 'most-height', 78 }); 79 </script>