From f780eb9c339040687dbe25890e3f537f3153c5f6 Mon Sep 17 00:00:00 2001
From: octaviusz <50177704+octaviusz@users.noreply.github.com>
Date: Tue, 16 Sep 2025 15:59:40 +0300
Subject: [PATCH] fix: Split View is not displayed when performing
 animateSelect, p=#10392

---
 src/zen/folders/ZenFolders.mjs | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/zen/folders/ZenFolders.mjs b/src/zen/folders/ZenFolders.mjs
index 6cd9427f8..cb07b615a 100644
--- a/src/zen/folders/ZenFolders.mjs
+++ b/src/zen/folders/ZenFolders.mjs
@@ -1603,6 +1603,7 @@
 
               const tabsContainer = currentGroup.querySelector('.tab-group-container');
               const groupStart = currentGroup.querySelector('.zen-tab-group-start');
+              tabsContainer.style.overflow = 'clip';
 
               if (tabsContainer.hasAttribute('hidden')) tabsContainer.removeAttribute('hidden');
 
@@ -1635,10 +1636,13 @@
         }
       }
 
+      const itemsToShow = [];
       if (selectedTabs.length) {
         for (let i = 0; i < groupItems.length; i++) {
           const { item, splitViewId } = groupItems[i];
 
+          itemsToShow.push(item);
+
           // Skip selected items
           if (selectedTabs.includes(item)) continue;
 
@@ -1652,18 +1656,18 @@
       }
 
       // FIXME: This is a hack to fix the animations not working properly
+      this.styleCleanup(itemsToShow);
       itemsToHide.forEach((item) => {
         item.style.opacity = 0;
         item.style.height = 0;
       });
-      this.styleCleanup(selectedTabs);
 
       animations.push(
         ...this.#createAnimation(
-          itemsToHide,
+          itemsToShow,
           {
-            opacity: 0,
-            height: 0,
+            opacity: '',
+            height: '',
           },
           {
             duration: 0.12,
@@ -1671,10 +1675,10 @@
           }
         ),
         ...this.#createAnimation(
-          selectedTabs,
+          itemsToHide,
           {
-            opacity: '',
-            height: '',
+            opacity: 0,
+            height: 0,
           },
           {
             duration: 0.12,