tor-browser

commit 90d07dd003158c82c3e3ad9203cb38033420faa9
parent 5ef8cd615dec98bacf2e01ed4e5f3c8c6e8fda21
Author: Stephen Thompson <sthompson@mozilla.com>
Date:   Tue, 25 Nov 2025 10:49:31 +0000

Bug 2001875 - fix horizontal multi-select tab drag r=tabbrowser-reviewers,desktop-theme-reviewers,dao

This patch increases the specificity of the `transition: var(--tab-dragover-transition)` rule applied to multi-selected tabs moving together at the start of a tab drag.

Bug 1994535 increased the specificity of the `transition: var(--tab-width-transition)` rule for horizontal tabs, which meant that the `.tabbrowser-tab[multiselected-move-together]` override to `transition: var(--tab-dragover-transition)` no longer applied when dragging tabs. This meant there was never a `transitionend` event after the dragged tabs moved together, so the tab dragging animation never started. That broke multi-selected drag in the horizontal tab strip.

Differential Revision: https://phabricator.services.mozilla.com/D273892

Diffstat:
M
browser/themes/shared/tabbrowser/tabs.css
 | 
12
++++++------

1 file changed, 6 insertions(+), 6 deletions(-)
diff --git a/browser/themes/shared/tabbrowser/tabs.css b/browser/themes/shared/tabbrowser/tabs.css
@@ -250,13 +250,13 @@
 
   #tabbrowser-tabs[movingtab] & {
     position: relative;
-  }
 
-  @media (prefers-reduced-motion: no-preference) {
-    #tabbrowser-tabs[movingtab] :not(tab-group:active) > &[fadein]:not(:active, [multiselected]),
-    &[multiselected-move-together],
-    &[tabdrop-samewindow] {
-      transition: var(--tab-dragover-transition);
+    @media (prefers-reduced-motion: no-preference) {
+      :not(tab-group:active) > &[fadein]:not(:active, [multiselected]),
+      &[multiselected-move-together],
+      &[tabdrop-samewindow] {
+        transition: var(--tab-dragover-transition);
+      }
     }
   }