fix(coordinator): hide bottom action button during keyboard open to prevent glow artifact

src/app/globals.css

@@ -412,6 +412,19 @@ 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/components/Componentes/fix-to-the-end.tsx

@@ -12,7 +12,7 @@ export function FixToTheEnd({ children, className }: FixToTheEndProps) {
     <div
       style={{ paddingBottom: "calc(16px + var(--safe-bottom))" }}
       className={[
-        "fixed inset-x-0 bottom-0 z-20 mx-auto w-full sm:max-w-[375px] bg-[#F5F5F5]/95 px-[17px] pt-3 backdrop-blur-md",
+        "question-fix-to-end fixed inset-x-0 bottom-0 z-20 mx-auto w-full sm:max-w-[375px] bg-[#F5F5F5]/95 px-[17px] pt-3 backdrop-blur-md",
         className,
       ]
         .filter(Boolean)

src/components/Componentes/question-number.test.tsx

@@ -40,10 +40,11 @@ describe("QuestionNumber Component", () => {
     type: "number",
     order: 1,
     required: true,
+    baseRequired: true,
     isVisible: true,
     description: "",
     tooltip: "",
-    extras: { placeHolder: "e.g. 3", range: [0, 20] },
+    extras: { placeHolder: "e.g. 3", range: [0, 20], options: [] },
     options: [],
     ui_config: {},
   };

src/components/Componentes/question-viewport-coordinator.ts

@@ -94,7 +94,8 @@ function setLift(nextLift: number) {
   const prevLift = currentLift;
   currentLift = Math.max(0, Math.round(nextLift));
   document.documentElement.style.setProperty(LIFT_VARIABLE, `${currentLift}px`);
-  const isOpen = currentLift > 0 && keyboardVisible && activeQuestionInput !== null;
+  const isOpen =
+    (currentLift > 0 || keyboardVisible) && activeQuestionInput !== null;
   document.body.classList.toggle("question-keyboard-open", isOpen);
   console.log(`[Coord] setLift: ${prevLift}px -> ${currentLift}px | visible: ${keyboardVisible} | class: ${isOpen}`);
 }