scroll-padding.mjs (5200B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 // InactivePropertyHelper `scroll-padding-*` test cases. 6 7 export default [ 8 { 9 info: "scroll-padding is active on element with auto-overflow", 10 property: "scroll-padding", 11 tagName: "div", 12 rules: ["div { overflow: auto; scroll-padding: 10px; }"], 13 isActive: true, 14 }, 15 { 16 info: "scroll-padding is active on element with scrollable overflow", 17 property: "scroll-padding", 18 tagName: "div", 19 rules: ["div { overflow: scroll; scroll-padding: 10px; }"], 20 isActive: true, 21 }, 22 { 23 info: "scroll-padding is active on element with hidden overflow", 24 property: "scroll-padding", 25 tagName: "div", 26 rules: ["div { overflow: hidden; scroll-padding: 10px; }"], 27 isActive: true, 28 }, 29 { 30 info: "scroll-padding is inactive on element with visible overflow", 31 property: "scroll-padding", 32 tagName: "div", 33 rules: ["div { scroll-padding: 10px; }"], 34 isActive: false, 35 }, 36 { 37 info: "scroll-padding is inactive on element with clipped overflow", 38 property: "scroll-padding", 39 tagName: "div", 40 rules: ["div { overflow: clip; scroll-padding: 10px; }"], 41 isActive: false, 42 }, 43 { 44 info: "scroll-padding is inactive on element with horizontally clipped overflow", 45 property: "scroll-padding", 46 tagName: "div", 47 rules: ["div { overflow-x: clip; scroll-padding: 10px; }"], 48 isActive: false, 49 }, 50 { 51 info: "scroll-padding is inactive on element with vertically clipped overflow", 52 property: "scroll-padding", 53 tagName: "div", 54 rules: ["div { overflow-y: clip; scroll-padding: 10px; }"], 55 isActive: false, 56 }, 57 { 58 info: "scroll-padding-top is inactive on element with visible overflow", 59 property: "scroll-padding-top", 60 tagName: "div", 61 rules: ["div { scroll-padding-top: 10px; }"], 62 isActive: false, 63 }, 64 { 65 info: "scroll-padding-top is inactive on element with horizontally clipped overflow", 66 property: "scroll-padding-top", 67 tagName: "div", 68 rules: ["div { overflow-x: clip; scroll-padding-top: 10px; }"], 69 isActive: false, 70 }, 71 { 72 info: "scroll-padding-top is inactive on element with vertically clipped overflow", 73 property: "scroll-padding-top", 74 tagName: "div", 75 rules: ["div { overflow-y: clip; scroll-padding-top: 10px; }"], 76 isActive: false, 77 }, 78 { 79 info: "scroll-padding-top is active on element with horizontally clipped but vertical auto-overflow (as 'clip' is computed to 'hidden')", 80 property: "scroll-padding-top", 81 tagName: "div", 82 rules: [ 83 "div { overflow-x: clip; overflow-y: auto; scroll-padding-top: 10px; }", 84 ], 85 isActive: true, 86 }, 87 { 88 info: "scroll-padding-top is active on element with vertically clipped but horizontal auto-overflow (as 'clip' is computed to 'hidden')", 89 property: "scroll-padding-top", 90 tagName: "div", 91 rules: [ 92 "div { overflow-x: auto; overflow-y: clip; scroll-padding-top: 10px; }", 93 ], 94 isActive: true, 95 }, 96 { 97 info: "scroll-padding-right is inactive on element with visible overflow", 98 property: "scroll-padding-right", 99 tagName: "div", 100 rules: ["div { scroll-padding-right: 10px; }"], 101 isActive: false, 102 }, 103 { 104 info: "scroll-padding-bottom is inactive on element with visible overflow", 105 property: "scroll-padding-bottom", 106 tagName: "div", 107 rules: ["div { scroll-padding-bottom: 10px; }"], 108 isActive: false, 109 }, 110 { 111 info: "scroll-padding-left is inactive on element with visible overflow", 112 property: "scroll-padding-left", 113 tagName: "div", 114 rules: ["div { scroll-padding-left: 10px; }"], 115 isActive: false, 116 }, 117 { 118 info: "scroll-padding-block is inactive on element with visible overflow", 119 property: "scroll-padding-block", 120 tagName: "div", 121 rules: ["div { scroll-padding-block: 10px; }"], 122 isActive: false, 123 }, 124 { 125 info: "scroll-padding-block-end is inactive on element with visible overflow", 126 property: "scroll-padding-block-end", 127 tagName: "div", 128 rules: ["div { scroll-padding-block-end: 10px; }"], 129 isActive: false, 130 }, 131 { 132 info: "scroll-padding-block-start is inactive on element with visible overflow", 133 property: "scroll-padding-block-start", 134 tagName: "div", 135 rules: ["div { scroll-padding-block-start: 10px; }"], 136 isActive: false, 137 }, 138 { 139 info: "scroll-padding-inline is inactive on element with visible overflow", 140 property: "scroll-padding-inline", 141 tagName: "div", 142 rules: ["div { scroll-padding-inline: 10px; }"], 143 isActive: false, 144 }, 145 { 146 info: "scroll-padding-inline-end is inactive on element with visible overflow", 147 property: "scroll-padding-inline-end", 148 tagName: "div", 149 rules: ["div { scroll-padding-inline-end: 10px; }"], 150 isActive: false, 151 }, 152 { 153 info: "scroll-padding-inline-start is inactive on element with visible overflow", 154 property: "scroll-padding-inline-start", 155 tagName: "div", 156 rules: ["div { scroll-padding-inline-start: 10px; }"], 157 isActive: false, 158 }, 159 ];