fix(textarea): make textarea responsive and keep continue button static at bottom with overlays-content viewport

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 {

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({

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]">

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 = {