Bug 1522094 - Guard <dialog> element CSS behind dom.dialog_element.enabled pref. r=emilio
☠☠ backed out by 0ff1d5547705 ☠ ☠
authorTim Nguyen <ntim.bugs@gmail.com>
Wed, 23 Jan 2019 14:50:55 +0000
changeset 515108 fb4f75995571f086bfcbed44221485736c029f44
parent 515107 afa7959985cdee0203b6e5d5de61392578ddcbff
child 515109 3b666f82d75027a27b6df6d74543347bb7c65508
push id1953
push userffxbld-merge
push dateMon, 11 Mar 2019 12:10:20 +0000
treeherdermozilla-release@9c35dcbaa899 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersemilio
bugs1522094
milestone66.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 1522094 - Guard <dialog> element CSS behind dom.dialog_element.enabled pref. r=emilio Differential Revision: https://phabricator.services.mozilla.com/D17354
layout/style/res/html.css
--- a/layout/style/res/html.css
+++ b/layout/style/res/html.css
@@ -812,33 +812,35 @@ details[open] > summary:-moz-native-anon
 
 details > summary:first-of-type > *|* {
   /* Cancel "list-style-position: inside" inherited from summary. */
   list-style-position: initial;
 }
 
 /* <dialog> element styles */
 
-dialog {
-  position: absolute;
-  inset-inline-start: 0;
-  inset-inline-end: 0;
-  color: black;
-  margin: auto;
-  border-width: initial;
-  border-style: solid;
-  border-color: initial;
-  border-image: initial;
-  padding: 1em;
-  background: white;
-  width: -moz-fit-content;
-}
+@supports -moz-bool-pref("dom.dialog_element.enabled") {
+  dialog {
+    position: absolute;
+    inset-inline-start: 0;
+    inset-inline-end: 0;
+    color: black;
+    margin: auto;
+    border-width: initial;
+    border-style: solid;
+    border-color: initial;
+    border-image: initial;
+    padding: 1em;
+    background: white;
+    width: -moz-fit-content;
+  }
 
-dialog:not([open]) {
-  display: none;
+  dialog:not([open]) {
+    display: none;
+  }
 }
 
 /* emulation of non-standard HTML <marquee> tag */
 marquee {
   inline-size: -moz-available;
   display: inline-block;
   vertical-align: text-bottom;
   text-align: start;