Fixed dragging multiple tabs with split view groups

Author: mauro-balades

src/browser/components/tabbrowser/content/tabs-js.patch

@@ -1,5 +1,5 @@
 diff --git a/browser/components/tabbrowser/content/tabs.js b/browser/components/tabbrowser/content/tabs.js
-index fa96568d366fd3608f9bd583fa793150bd815c8b..1e007c37cd204c63afad24c8b6d9201e6a02da2d 100644
+index fa96568d366fd3608f9bd583fa793150bd815c8b..693549cec63365c5f338410429f922fa5b7f3f81 100644
 --- a/browser/components/tabbrowser/content/tabs.js
 +++ b/browser/components/tabbrowser/content/tabs.js
 @@ -94,7 +94,7 @@
@@ -385,7 +385,7 @@ index fa96568d366fd3608f9bd583fa793150bd815c8b..1e007c37cd204c63afad24c8b6d9201e
        );
 
        if (this.#rtlMode) {
-@@ -2347,8 +2383,12 @@
+@@ -2347,8 +2383,16 @@
          (lastMovingTabScreen + tabSize);
        translate = Math.min(Math.max(translate, firstBound), lastBound);
 
@@ -395,12 +395,16 @@ index fa96568d366fd3608f9bd583fa793150bd815c8b..1e007c37cd204c63afad24c8b6d9201e
 +        draggedTab.group.style.transform = `${translateAxis}(${translate}px)`;
 +      } else {
 +        for (let tab of movingTabs) {
-+          tab.style.transform = `${translateAxis}(${translate}px)`;
++          if (tab.group?.hasAttribute("split-view-group")) {
++            tab.group.style.transform = `${translateAxis}(${translate}px)`;
++          } else {
++            tab.style.transform = `${translateAxis}(${translate}px)`;
++          }
 +        }
        }
 
        dragData.translatePos = translate;
-@@ -2484,12 +2524,16 @@
+@@ -2484,12 +2528,16 @@
        // Shift background tabs to leave a gap where the dragged tab
        // would currently be dropped.
        for (let tab of tabs) {
@@ -418,7 +422,7 @@ index fa96568d366fd3608f9bd583fa793150bd815c8b..1e007c37cd204c63afad24c8b6d9201e
          if (tab.group?.tabs[0] == tab) {
            tab.group.style.setProperty(
              "--tabgroup-dragover-transform",
-@@ -2541,8 +2585,9 @@
+@@ -2541,8 +2589,9 @@
        );
      }
 
@@ -430,15 +434,15 @@ index fa96568d366fd3608f9bd583fa793150bd815c8b..1e007c37cd204c63afad24c8b6d9201e
          return;
        }
 
-@@ -2553,6 +2598,7 @@
+@@ -2553,6 +2602,7 @@
          tab.style.transform = "";
          if (tab.group) {
            tab.group.style.removeProperty("--tabgroup-dragover-transform");
 +          tab.group.style.transform = "";
          }
          tab.removeAttribute("dragover-createGroup");
        }
-@@ -2604,7 +2650,7 @@
+@@ -2604,7 +2654,7 @@
            movingTab._moveTogetherSelectedTabsData.newIndex = movingTabNewIndex;
            movingTab._moveTogetherSelectedTabsData.animate = false;
          };
@@ -447,7 +451,7 @@ index fa96568d366fd3608f9bd583fa793150bd815c8b..1e007c37cd204c63afad24c8b6d9201e
            postTransitionCleanup();
          } else {
            let onTransitionEnd = transitionendEvent => {
-@@ -2707,9 +2753,9 @@
+@@ -2707,9 +2757,9 @@
        function newIndex(aTab, index) {
          // Don't allow mixing pinned and unpinned tabs.
          if (aTab.pinned) {
@@ -459,7 +463,7 @@ index fa96568d366fd3608f9bd583fa793150bd815c8b..1e007c37cd204c63afad24c8b6d9201e
        }
      }
 
-@@ -2793,7 +2839,7 @@
+@@ -2793,7 +2843,7 @@
      }
 
      _notifyBackgroundTab(aTab) {