Fix tab detaching behaviour

Signed-off-by: Thomas Mäder <[email protected]>

packages/core/src/browser/shell/tab-bars.ts

@@ -913,9 +913,17 @@ export class ToolbarAwareTabBar extends ScrollableTabBar {
     }
 
     override handleEvent(event: Event): void {
-        if (event.target instanceof Element && this.tabBarContainer.contains(event.target)) {
-            super.handleEvent(event);
+        if (event instanceof MouseEvent) {
+            if (this.toolbar && this.toolbar.shouldHandleMouseEvent(event) || this.isOver(event, this.openTabsContainer)) {
+                // if the mouse event is over the toolbar part don't handle it.
+                return;
+            }
         }
+        super.handleEvent(event);
+    }
+
+    private isOver(event: Event, element: Element): boolean {
+        return element && event.target instanceof Element && element.contains(event.target);
     }
 
     /**

packages/core/src/browser/style/tabs.css

@@ -358,7 +358,7 @@
 }
 
 .p-TabBar-content-container {
-  display: block;
+  display: flex;
   flex: 1;
   position: relative; /* This is necessary for perfect-scrollbar */
 }