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 1/2] 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,

From 142ac7356f31a781ac010f700ad3a070c8394a44 Mon Sep 17 00:00:00 2001
From: reizumi <reizumichan@protonmail.com>
Date: Tue, 16 Sep 2025 21:08:16 +0800
Subject: [PATCH 2/2] fix: repeating right sidebar gradient in compact mode,
 p=#10393

* fix: repeating right sidebar gradient in compact mode

---------

Co-authored-by: mr. m <91018726+mr-cheffy@users.noreply.github.com>
---
 src/zen/compact-mode/zen-compact-mode.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/zen/compact-mode/zen-compact-mode.css b/src/zen/compact-mode/zen-compact-mode.css
index a40765545..cbccaea0c 100644
--- a/src/zen/compact-mode/zen-compact-mode.css
+++ b/src/zen/compact-mode/zen-compact-mode.css
@@ -160,7 +160,7 @@
             outline: 1px solid rgba(255, 255, 255, .15);
             outline-offset: -1px;
             background-attachment: fixed !important;
-            background-size: 2000px !important;
+            background-size: 100vw !important;
           }
 
           &,
@@ -361,7 +361,7 @@
           @media -moz-pref('zen.view.compact.color-toolbar') {
             background-attachment: fixed;
             background: var(--zen-main-browser-background-toolbar);
-            background-size: 100% 2000px;
+            background-size: 100% 100vh;
           }
         }
       }