Bug 1591925 - Add reftests for select elements in zero-height flex containers r=dholbert
☠☠ backed out by 771c82ef46a3 ☠ ☠
authoralaskanemily <emcdonough@mozilla.com>
Wed, 13 Nov 2019 23:49:06 +0000
changeset 501860 b2d168294899bb4700cb3bd929c0bde85879fcea
parent 501859 bbeb8f3081930de9728f5c0f1653dc467f7eac23
child 501861 d4c8a1b56b1ad44c9222fb78a470a5f4bc3b6423
push id114172
push userdluca@mozilla.com
push dateTue, 19 Nov 2019 11:31:10 +0000
treeherdermozilla-inbound@b5c5ba07d3db [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdholbert
bugs1591925
milestone72.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1591925 - Add reftests for select elements in zero-height flex containers r=dholbert Differential Revision: https://phabricator.services.mozilla.com/D52402
testing/web-platform/meta/css/css-flexbox/select-element-zero-height-001.html.ini
testing/web-platform/tests/css/css-flexbox/select-element-zero-height-001-ref.html
testing/web-platform/tests/css/css-flexbox/select-element-zero-height-001.html
testing/web-platform/tests/css/css-flexbox/select-element-zero-height-002-ref.html
testing/web-platform/tests/css/css-flexbox/select-element-zero-height-002.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/meta/css/css-flexbox/select-element-zero-height-001.html.ini
@@ -0,0 +1,3 @@
+[select-element-zero-height-001.html]
+  expected: FAIL
+  bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1596255
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/select-element-zero-height-001-ref.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>Reference: Select element in flexbox with zero height</title>
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<style>
+  .container {
+    height: 0px;
+    border: 1px dotted black;
+  }
+</style>
+<body>
+  <div class="container">
+    <select style="width:100%"><option>Hi</option></select>
+  </div>
+</body>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/select-element-zero-height-001.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<title>Select element in flexbox with zero height</title>
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1591925">
+<link rel="help" href="https://drafts.csswg.org/css-flexbox/#content-size-suggestion">
+<link rel="match" href="select-element-zero-height-001-ref.html">
+<style>
+  .container {
+    display: flex;
+    flex-direction: column;
+    height: 0px;
+    border: 1px dotted black;
+  }
+</style>
+<body>
+  <div class="container">
+    <select><option>Hi</option></select>
+  </div>
+</body>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/select-element-zero-height-002-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>Reference: Select element with background color in flexbox with zero height</title>
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<style>
+  .container {
+    height: 0px;
+    border: 1px dotted black;
+  }
+  .with-background {
+    width: 100%;
+    background: lime;
+  }
+</style>
+<body>
+  <div class="container">
+    <select class="with-background"><option>Hi</option></select>
+  </div>
+</body>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/select-element-zero-height-002.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<title>Select element with background color in flexbox with zero height</title>
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1591925">
+<link rel="help" href="https://drafts.csswg.org/css-flexbox/#content-size-suggestion">
+<link rel="match" href="select-element-zero-height-002-ref.html">
+<style>
+  .container {
+    display: flex;
+    flex-direction: column;
+    height: 0px;
+    border: 1px dotted black;
+  }
+  .with-background {
+    background: lime;
+  }
+</style>
+<body>
+  <div class="container">
+    <select class="with-background"><option>Hi</option></select>
+  </div>
+</body>