From d211382e4d1492b125a4ea7caa64b1ff65924125 Mon Sep 17 00:00:00 2001
From: markosbenitez <msebem@gmail.com>
Date: Mon, 29 Jun 2026 09:26:10 -0300
Subject: [PATCH] fix(usabilidad): required questions, prompt min-height,
 autocomplete max-width
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Activa required=true en todas las preguntas excepto barrio (2.3) y secciones.
El motor ya valida solo preguntas visibles — las condicionales ocultas no se
validan. Elimina min-height fijo del prompt block para mejor UX mobile.
Agrega max-width de seguridad al dropdown autocomplete en viewports angostos.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/globals.css                                    |  4 ++--
 .../20260629000001_set_required_questions.sql      | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 supabase/migrations/20260629000001_set_required_questions.sql

diff --git a/app/globals.css b/app/globals.css
index 54eb54b..4092ae0 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -295,6 +295,7 @@ body {
   /* position: fixed + top/left/width set by JS via getBoundingClientRect()
      so the list escapes any overflow:auto ancestor (wizard-answer-area) */
   position: fixed;
+  max-width: calc(100vw - 32px);
   background: var(--color-surface);
   border: 1.5px solid var(--color-border-focus);
   border-radius: var(--radius);
@@ -583,9 +584,8 @@ body {
   margin: 0;
 }
 
-/* Enunciado: bloque con altura reservada constante, mismo lugar pantalla tras pantalla. */
+/* Enunciado: crece orgánicamente con el contenido, sin altura mínima fija. */
 .wizard-prompt-block {
-  min-height: 116px;
   flex-shrink: 0;
   margin-bottom: 20px;
 }
diff --git a/supabase/migrations/20260629000001_set_required_questions.sql b/supabase/migrations/20260629000001_set_required_questions.sql
new file mode 100644
index 0000000..d70721b
--- /dev/null
+++ b/supabase/migrations/20260629000001_set_required_questions.sql
@@ -0,0 +1,14 @@
+-- Activar required en todas las preguntas del formulario de cuidadores
+-- excepto barrio (2.3) y secciones (type = 'section')
+UPDATE public.questions
+SET required = true
+WHERE survey_id = '30000000-0000-0000-0000-000000000001'
+  AND code != '2.3'
+  AND type != 'section';
+
+-- Verificar: debe mostrar todas las preguntas con required=true excepto 2.3
+SELECT code, type, required
+FROM public.questions
+WHERE survey_id = '30000000-0000-0000-0000-000000000001'
+  AND type != 'section'
+ORDER BY position;