Extend tests for input UA styles.
This probably needs to wait for that PR to be merged since unlike the
range tests, these actually test the clip value.
Depends on D197456
Differential Revision: https://phabricator.services.mozilla.com/D197457
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1872509
gecko-commit: 2983016a298e214ad20482db5bdb55c344639b29
gecko-reviewers: dholbert
diff --git a/html/rendering/non-replaced-elements/form-controls/resets.html b/html/rendering/non-replaced-elements/form-controls/resets.html
index 20d6a56..db21188 100644
--- a/html/rendering/non-replaced-elements/form-controls/resets.html
+++ b/html/rendering/non-replaced-elements/form-controls/resets.html
@@ -41,6 +41,10 @@
input, button {
display: inline-block;
}
+input:not([type=image i], [type=range i], [type=checkbox i], [type=radio i]) {
+ overflow: clip;
+ overflow-clip-margin: 0;
+}
/* in spec prose: */ select, textarea, meter, progress {
display: inline-block;
}
@@ -106,6 +110,8 @@
'text-shadow',
'text-align',
'display',
+ 'overflow',
+ 'overflow-clip-margin',
'box-sizing'];
runUAStyleTests(props);
diff --git a/html/rendering/support/test-ua-stylesheet.js b/html/rendering/support/test-ua-stylesheet.js
index 49757a3..e23c9a6 100644
--- a/html/rendering/support/test-ua-stylesheet.js
+++ b/html/rendering/support/test-ua-stylesheet.js
@@ -26,6 +26,10 @@
) {
continue;
}
+ if (prop === 'overflow' && testEl.localName === 'select') {
+ // TODO: https://github.com/whatwg/html/issues/10031
+ continue;
+ }
test(() => {
assert_equals(testStyle.getPropertyValue(prop), refStyle.getPropertyValue(prop));
}, `${testNameContext(testEl)} - ${prop}`);
