1 files changed, 3 insertions, 86 deletions
diff --git a/toolkit/content/xul.css b/toolkit/content/xul.css
index e8635d4525..ead9997295 100644
--- a/toolkit/content/xul.css
+++ b/toolkit/content/xul.css
@@ -359,17 +359,15 @@ menubar > menu:empty {
 /********* menupopup, panel, & tooltip ***********/
 
 menupopup,
-panel {
-  flex-direction: column;
-}
-
-menupopup,
 panel,
 tooltip {
   position: fixed;
   -moz-top-layer: top;
   width: fit-content;
   height: fit-content;
+  /* Make sure that popups are interactable when shown, since they escape the
+   * usual layering rules */
+  -moz-inert: none;
   /* Popups can't have overflow */
   contain: paint;
   z-index: 2147483647;
@@ -438,87 +436,6 @@ tooltip:not([position]) {
   }
 }
 
-@media (-moz-panel-animations) and (prefers-reduced-motion: no-preference) {
-@media (-moz-platform: macos) {
-  /* On Mac, use the properties "-moz-window-transform" and "-moz-window-opacity"
-     instead of "transform" and "opacity" for these animations.
-     The -moz-window* properties apply to the whole window including the window's
-     shadow, and they don't affect the window's "shape", so the system doesn't
-     have to recompute the shadow shape during the animation. This makes them a
-     lot faster. In fact, Gecko no longer triggers shadow shape recomputations
-     for repaints.
-     These properties are not implemented on other platforms. */
-  panel[type="arrow"]:not([animate="false"]) {
-    transition-property: -moz-window-transform, -moz-window-opacity;
-    transition-duration: 0.18s, 0.18s;
-    transition-timing-function:
-      var(--animation-easing-function), ease-out;
-  }
-
-  /* Only do the fade-in animation on pre-Big Sur to avoid missing shadows on
-   * Big Sur, see bug 1672091. */
-  @media (-moz-mac-big-sur-theme: 0) {
-    panel[type="arrow"]:not([animate="false"]) {
-      -moz-window-opacity: 0;
-      -moz-window-transform: translateY(-70px);
-    }
-
-    panel[type="arrow"][side="bottom"]:not([animate="false"]) {
-      -moz-window-transform: translateY(70px);
-    }
-  }
-
-  /* [animate] is here only so that this rule has greater specificity than the
-   * rule right above */
-  panel[type="arrow"][animate][animate="open"] {
-    -moz-window-opacity: 1.0;
-    transition-duration: 0.18s, 0.18s;
-    -moz-window-transform: none;
-    transition-timing-function:
-      var(--animation-easing-function), ease-in-out;
-  }
-
-  panel[type="arrow"][animate][animate="cancel"] {
-    -moz-window-opacity: 0;
-    -moz-window-transform: none;
-  }
-} /* end of macOS rules */
-
-@media not (-moz-platform: macos) {
-  panel[type="arrow"]:not([animate="false"]) {
-    opacity: 0;
-    transform: translateY(-70px);
-    transition-property: transform, opacity;
-    transition-duration: 0.18s, 0.18s;
-    transition-timing-function:
-      var(--animation-easing-function), ease-out;
-    will-change: transform, opacity;
-  }
-
-  panel[type="arrow"][side="bottom"]:not([animate="false"]) {
-    transform: translateY(70px);
-  }
-
-  /* [animate] is here only so that this rule has greater specificity than the
-   * rule right above */
-  panel[type="arrow"][animate][animate="open"] {
-    opacity: 1.0;
-    transition-duration: 0.18s, 0.18s;
-    transform: none;
-    transition-timing-function:
-      var(--animation-easing-function), ease-in-out;
-  }
-
-  panel[type="arrow"][animate][animate="cancel"] {
-    transform: none;
-  }
-} /* end of non-macOS rules */
-}
-
-panel[type="arrow"][animating] {
-  pointer-events: none;
-}
-
 /******** tree ******/
 
 treecolpicker {