Bug 1400259 - Extend the workaround to cover all popup states and both opacity and transform. r?mconley draft
authorMarkus Stange <mstange@themasta.com>
Fri, 03 Nov 2017 16:28:50 -0400
changeset 693011 7c453b38d55507d345d64be32c1f047789f80c91
parent 693010 c09a196a3a8f73aa4b30d0c9a3bb3c4fd20707de
child 738910 9a256765ddf5dfec8481ebde4279dcd34d8612f7
push id87665
push userbmo:mstange@themasta.com
push dateFri, 03 Nov 2017 20:29:37 +0000
reviewersmconley
bugs1400259
milestone58.0a1
Bug 1400259 - Extend the workaround to cover all popup states and both opacity and transform. r?mconley MozReview-Commit-ID: ADRPANKhQy8
browser/base/content/browser.css
toolkit/content/xul.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -1165,19 +1165,22 @@ toolbarpaletteitem[place="palette"] > #d
 }
 
 #BMB_bookmarksPopup[animate="cancel"] {
   -moz-window-transform: none;
 }
 
 %elifndef MOZ_WIDGET_GTK
 
+#BMB_bookmarksPopup {
+  will-change: transform, opacity; /* workaround for bug 1414033 */
+}
+
 #BMB_bookmarksPopup:not([animate="false"]) {
   opacity: 0;
-  will-change: transform; /* workaround for bug 1414033 */
   transform: translateY(-70px);
   transition-property: transform, opacity;
   transition-duration: 0.18s, 0.18s;
   transition-timing-function:
     var(--animation-easing-function), ease-out;
 }
 
 #BMB_bookmarksPopup[side="bottom"]:not([animate="false"]) {
--- a/toolkit/content/xul.css
+++ b/toolkit/content/xul.css
@@ -474,19 +474,22 @@ panel[type="arrow"][side][animate="open"
 }
 
 panel[type="arrow"][side][animate="cancel"] {
   -moz-window-transform: none;
 }
 
 %elifndef MOZ_WIDGET_GTK
 
+panel[type="arrow"][side] {
+  will-change: transform, opacity; /* workaround for bug 1414033 */
+}
+
 panel[type="arrow"][side]:not([animate="false"]) {
   opacity: 0;
-  will-change: transform; /* workaround for bug 1414033 */
   transform: translateY(-70px);
   transition-property: transform, opacity;
   transition-duration: 0.18s, 0.18s;
   transition-timing-function:
     var(--animation-easing-function), ease-out;
 }
 
 panel[type="arrow"][side="bottom"]:not([animate="false"]) {