From 4f33c9280bde2005c42d7f5b714427bb16076a46 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sun, 2 Nov 2025 16:34:57 +0800
Subject: [PATCH] fix(layout): fine tuning of column width in scrolled mode and
 vertical mode, closes #2383 (#2387)

---
 .../src/components/settings/LayoutPanel.tsx            | 10 +++++-----
 apps/readest-app/src/utils/config.ts                   |  4 +---
 packages/foliate-js                                    |  2 +-
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/apps/readest-app/src/components/settings/LayoutPanel.tsx b/apps/readest-app/src/components/settings/LayoutPanel.tsx
index 210d12d2..fccecf95 100644
--- a/apps/readest-app/src/components/settings/LayoutPanel.tsx
+++ b/apps/readest-app/src/components/settings/LayoutPanel.tsx
@@ -582,19 +582,19 @@ const LayoutPanel: React.FC<SettingsPanelPanelProp> = ({ bookKey, onRegisterRese
               label={viewSettings.vertical ? _('Maximum Column Height') : _('Maximum Column Width')}
               value={maxInlineSize}
               onChange={setMaxInlineSize}
-              disabled={maxColumnCount === 1 || viewSettings.scrolled}
-              min={400}
+              disabled={false}
+              min={200}
               max={9999}
-              step={100}
+              step={50}
             />
             <NumberInput
               label={viewSettings.vertical ? _('Maximum Column Width') : _('Maximum Column Height')}
               value={maxBlockSize}
               onChange={setMaxBlockSize}
-              disabled={maxColumnCount === 1 || viewSettings.scrolled}
+              disabled={false}
               min={400}
               max={9999}
-              step={100}
+              step={50}
             />
           </div>
         </div>
diff --git a/apps/readest-app/src/utils/config.ts b/apps/readest-app/src/utils/config.ts
index 01940d4a..460612bd 100644
--- a/apps/readest-app/src/utils/config.ts
+++ b/apps/readest-app/src/utils/config.ts
@@ -1,13 +1,11 @@
 import { ViewSettings } from '@/types/book';
 
 export const getMaxInlineSize = (viewSettings: ViewSettings) => {
-  const isScrolled = viewSettings.scrolled!;
   const isVertical = viewSettings.vertical!;
-  const maxColumnCount = viewSettings.maxColumnCount!;
   const screenWidth = window.innerWidth;
   const screenHeight = window.innerHeight;
 
-  return maxColumnCount === 1 || isScrolled || isVertical
+  return isVertical && false
     ? Math.max(screenWidth, screenHeight, 720)
     : viewSettings.maxInlineSize!;
 };
diff --git a/packages/foliate-js b/packages/foliate-js
index 1e23349d..ee3719bf 160000
--- a/packages/foliate-js
+++ b/packages/foliate-js
@@ -1 +1 @@
-Subproject commit 1e23349d8f5a560a9795e43b54946d117edbe28a
+Subproject commit ee3719bf851b5d25edac4ee86f1173134e12a096