Sync Mozilla CSS tests as of https://hg.mozilla.org/mozilla-central/rev/c52f9ebca761485c75ba9eda3d1bb7c1ed1c53f8 . (#17628)
This contains changes from one bug:
* [bug 1562312](https://bugzilla.mozilla.org/show_bug.cgi?id=1562312), by @dholbert, reviewed by @aethanyc
diff --git a/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003-ref.html b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003-ref.html
new file mode 100644
index 0000000..214ad18
--- /dev/null
+++ b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+ <style>
+ select {
+ color: transparent;
+ }
+ .minWidth {
+ min-width: 100px;
+ }
+ .width {
+ width: 100px;
+ }
+ .floatLWidth {
+ float: left;
+ width: 100px;
+ }
+ </style>
+</head>
+<body>
+ <select multiple class="floatLWidth">
+ </select>
+ <br style="clear:both;">
+
+ <select multiple class="minWidth">
+ </select>
+ <br>
+
+ <select multiple class="width">
+ </select>
+</body>
+</html>
diff --git a/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003.html b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003.html
new file mode 100644
index 0000000..8542806
--- /dev/null
+++ b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Test: 'contain: size' on select objects should cause them to be sized as if they have no contents.</title>
+ <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+ <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+ <link rel="match" href="contain-size-select-elem-003-ref.html">
+ <style>
+ select {
+ contain: size;
+ color: transparent;
+ }
+ .minWidth {
+ min-width: 100px;
+ }
+ .width {
+ width: 100px;
+ }
+ .floatLWidth {
+ float: left;
+ width: 100px;
+ }
+ </style>
+</head>
+<body>
+ <select multiple class="floatLWidth">
+ <option>CSS Test: A size-contained floated select with specified width and no specified height should size itself as if it had no contents.</option>
+ <option>a</option>
+ </select>
+ <br style="clear:both;">
+
+ <select multiple class="minWidth">
+ <option>CSS Test: A size-contained select with specified min-width should size itself as if it had no contents.</option>
+ <option>a</option>
+ </select>
+ <br>
+
+ <select multiple class="width">
+ <option>CSS Test: A size-contained select with specified width should size itself as if it had no contents.</option>
+ <option>a</option>
+ </select>
+</body>
+</html>
diff --git a/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004-ref.html b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004-ref.html
new file mode 100644
index 0000000..faf6228
--- /dev/null
+++ b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+ <style>
+ select {
+ color: transparent;
+ }
+ .floatLBasic {
+ float: left;
+ }
+ </style>
+</head>
+<body>
+ <select multiple>
+ </select>
+ <br>
+
+ <select multiple class="floatLBasic">
+ </select>
+</body>
+</html>
diff --git a/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004.html b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004.html
new file mode 100644
index 0000000..818f4a3
--- /dev/null
+++ b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Test: 'contain: size' on select objects should cause them to be sized as if they have no contents.</title>
+ <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+ <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+ <link rel="match" href="contain-size-select-elem-004-ref.html">
+ <style>
+ select {
+ contain: size;
+ color: transparent;
+ }
+ .floatLBasic {
+ float: left;
+ }
+ </style>
+</head>
+<body>
+ <select multiple>
+ <option>CSS Test: A size-contained select with no specified size should size itself as if it had no contents.</option>
+ <option>aaaaaa</option>
+ </select>
+ <br>
+
+ <select multiple class="floatLBasic">
+ <option>CSS Test: A size-contained floated select with no specified size should size itself as if it had no contents.</option>
+ <option>a</option>
+ </select>
+</body>
+</html>
diff --git a/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005-ref.html b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005-ref.html
new file mode 100644
index 0000000..894631d
--- /dev/null
+++ b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+ <style>
+ select {
+ color: transparent;
+ }
+ .fsMedium {
+ /* custom styling for some select elements, which is allowed to influence
+ their size (in the same way that it influences the size of an empty
+ select element): */
+ font-size: 10px;
+ }
+ </style>
+</head>
+<body>
+ <select multiple ></select>
+ <select multiple size="1" ></select>
+ <select multiple class="fsMedium"></select>
+
+ <select multiple ></select>
+ <select multiple size="1" ></select>
+ <select multiple class="fsMedium"></select>
+
+ <br><br>
+
+ <select multiple ></select>
+ <select multiple size="1" ></select>
+ <select multiple class="fsMedium"></select>
+
+ <select multiple ></select>
+ <select multiple size="1" ></select>
+ <select multiple class="fsMedium"></select>
+</body>
+</html>
diff --git a/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005.html b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005.html
new file mode 100644
index 0000000..74379b8
--- /dev/null
+++ b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005.html
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>CSS Test: 'contain: size' on select objects should cause them to be sized as if they have no contents.</title>
+ <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+ <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+ <link rel="match" href="contain-size-select-elem-005-ref.html">
+ <style>
+ select {
+ contain: size;
+ color: transparent;
+ }
+ .fsMedium {
+ /* custom styling for some select elements, which is allowed to influence
+ their size (in the same way that it influences the size of an empty
+ select element): */
+ font-size: 10px;
+ }
+ .fsSmall {
+ /* custom styling for some option elements (which would make their parent
+ select elem shorter, except for the fact that it's size-contained): */
+ font-size: 6px;
+ }
+ </style>
+</head>
+<body>
+ <!-- No contents: -->
+ <select multiple ></select>
+ <select multiple size="1" ></select>
+ <select multiple class="fsMedium"></select>
+
+ <!-- Empty option: -->
+ <select multiple ><option></option></select>
+ <select multiple size="1" ><option></option></select>
+ <select multiple class="fsMedium"><option></option></select>
+
+ <br><br>
+
+ <!-- Nonempty option: -->
+ <select multiple ><option>X</option></select>
+ <select multiple size="1" ><option>X</option></select>
+ <select multiple class="fsMedium"><option>X</option></select>
+
+ <!-- Nonempty option with custom font-size: -->
+ <select multiple ><option class="fsSmall">X</option></select>
+ <select multiple size="1" ><option class="fsSmall">X</option></select>
+ <select multiple class="fsMedium"><option class="fsSmall">X</option></select>
+</body>
+</html>
diff --git a/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list
index 7bb3552..3dde877 100644
--- a/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list
+++ b/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list
@@ -36,6 +36,9 @@
== contain-size-multicol-003.html contain-size-multicol-003-ref.html
== contain-size-select-elem-001.html contain-size-select-elem-001-ref.html
== contain-size-select-elem-002.html contain-size-select-elem-002-ref.html
+== contain-size-select-elem-003.html contain-size-select-elem-003-ref.html
+== contain-size-select-elem-004.html contain-size-select-elem-004-ref.html
+== contain-size-select-elem-005.html contain-size-select-elem-005-ref.html
== contain-layout-overflow-001.html contain-layout-overflow-001-ref.html
== contain-layout-overflow-002.html contain-layout-overflow-002-ref.html
== contain-size-table-caption-001.html contain-size-table-caption-001-ref.html
