Bug 1563115 - Follow-up: Restore class textbox-input for menulists to prevent affecting all inputs nested in a menulist. r=mkmelin
authorAlessandro Castellani <alessandro@thunderbird.net>
Thu, 26 Sep 2019 23:48:09 +0200
changeset 36962 bd90ce2c49474dd3b282c75917cb915b49d2a92a
parent 36961 88a00eab31d4930cba2a0749932de1db5276e362
child 36963 8bafe0778749599ffc7f7007301335ed35f4f188
push id395
push userclokep@gmail.com
push dateMon, 02 Dec 2019 19:38:57 +0000
reviewersmkmelin
bugs1563115
Bug 1563115 - Follow-up: Restore class textbox-input for menulists to prevent affecting all inputs nested in a menulist. r=mkmelin
mail/base/content/mailWidgets.js
mail/base/content/menulist.css
--- a/mail/base/content/mailWidgets.js
+++ b/mail/base/content/mailWidgets.js
@@ -745,17 +745,17 @@
       }
 
       static get fragment() {
         // Accessibility information of these nodes will be
         // presented on XULComboboxAccessible generated from <menulist>;
         // hide these nodes from the accessibility tree.
         return document.importNode(
           MozXULElement.parseXULToFragment(`
-            <html:input type="text" class="menulist-input" allowevents="true"/>
+            <html:input type="text" class="menulist-input textbox-input" allowevents="true"/>
             <hbox class="menulist-label-box" flex="1" role="none">
               <image class="menulist-icon" role="none"/>
               <label class="menulist-label"
                      crop="right"
                      flex="1"
                      role="none"/>
               <label class="menulist-highlightable-label"
                      crop="right"
--- a/mail/base/content/menulist.css
+++ b/mail/base/content/menulist.css
@@ -9,17 +9,17 @@ menulist[is="menulist-editable"]:not([ed
 menulist[is="menulist-editable"][editable="true"] .menulist-label-box {
   display: none;
 }
 
 menulist > html|input {
   margin: 0;
 }
 
-menulist html|input {
-  -moz-appearance: none !important;
-  background: transparent !important;
+menulist html|*.textbox-input {
+  -moz-appearance: none;
+  background: transparent;
   -moz-box-flex: 1;
-  margin: 0 !important;
-  border: none !important;
-  padding: 0 !important;
+  margin: 0;
+  border: none;
+  padding: 0;
   font: inherit;
 }