From 7cb1998ebb4cf1eafba7ce5ffd467b85962ca587 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sun, 30 Mar 2025 15:33:27 +0800
Subject: [PATCH] fix: soft keyboard in custom css textarea, closes #762 and
 closes #763 (#766)

---
 .../src/app/reader/components/settings/MiscPanel.tsx     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/settings/MiscPanel.tsx b/apps/readest-app/src/app/reader/components/settings/MiscPanel.tsx
index ad7db075..aff3e044 100644
--- a/apps/readest-app/src/app/reader/components/settings/MiscPanel.tsx
+++ b/apps/readest-app/src/app/reader/components/settings/MiscPanel.tsx
@@ -90,7 +90,9 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
 
   const handleInputBlur = () => {
     if (appService?.isAndroidApp) {
-      setInputFocusInAndroid(false);
+      setTimeout(() => {
+        setInputFocusInAndroid(false);
+      }, 100);
     }
   };
 
@@ -145,7 +147,10 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
 
   return (
     <div
-      className={clsx('my-4 w-full space-y-6', inputFocusInAndroid && 'h-[50%] overflow-y-auto')}
+      className={clsx(
+        'my-4 w-full space-y-6',
+        inputFocusInAndroid && 'h-[50%] overflow-y-auto pb-[200px]',
+      )}
     >
       <div className='w-full'>
         <h2 className='mb-2 font-medium'>{_('Language')}</h2>