From afe4909e4bb2207bc94e2554712d30c353ebe873 Mon Sep 17 00:00:00 2001
From: mortezaei <mortezaei2324@gmail.com>
Date: Tue, 25 Aug 2026 18:11:28 +0330
Subject: [PATCH] fix(textarea): make textarea responsive and keep continue
 button static at bottom with overlays-content viewport

---
 src/app/globals.css                                 | 13 -------------
 src/app/layout.tsx                                  |  1 +
 src/components/Componentes/question-textarea.tsx    |  2 +-
 .../Componentes/question-viewport-coordinator.ts    |  2 +-
 4 files changed, 3 insertions(+), 15 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index f170926..fe288c0 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -412,19 +412,6 @@ body.section-overlay-open .app-shell {
   will-change: transform;
 }
 
-.question-fix-to-end {
-  transition:
-    opacity 200ms ease-out,
-    transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
-  will-change: opacity, transform;
-}
-
-body.question-keyboard-open .question-fix-to-end {
-  opacity: 0 !important;
-  pointer-events: none !important;
-  transform: translate3d(0, 120%, 0) !important;
-}
-
 .page-background-none,
 .page-background-custom,
 .page-background-default {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d90d076..97a842a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -62,6 +62,7 @@ export const viewport: Viewport = {
   userScalable: false,
   viewportFit: "cover",
   themeColor: "#ffffff",
+  interactiveWidget: "overlays-content",
 };
 
 export default async function RootLayout({
diff --git a/src/components/Componentes/question-textarea.tsx b/src/components/Componentes/question-textarea.tsx
index 40e656c..34a0e9a 100644
--- a/src/components/Componentes/question-textarea.tsx
+++ b/src/components/Componentes/question-textarea.tsx
@@ -88,7 +88,7 @@ export function QuestionTextarea({
         placeholder={question.extras.placeHolder}
         disabled={disabled}
         rows={5}
-        className="h-[270px]"
+        className="h-[180px] sm:h-[220px] resize-none"
       />
       {description ? (
         <span className="block group-10 font-semibold text-[#747474]">
diff --git a/src/components/Componentes/question-viewport-coordinator.ts b/src/components/Componentes/question-viewport-coordinator.ts
index d4c2a81..2ca7e91 100644
--- a/src/components/Componentes/question-viewport-coordinator.ts
+++ b/src/components/Componentes/question-viewport-coordinator.ts
@@ -29,7 +29,7 @@ const NON_KEYBOARD_INPUT_TYPES = new Set([
   "submit",
 ]);
 
-const DEFAULT_TOP_GAP = 28;
+const DEFAULT_TOP_GAP = 48;
 const DEFAULT_BOTTOM_GAP = 16;
 
 export type QuestionLiftGeometry = {