feat(wizard): renderer pregunta-por-pantalla con layout estable [4D]

2026-06-23 22:40:01 -03:00
parent 7c8b034756
commit ce679ec1c3
2 changed files with 32 additions and 3 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -602,7 +602,13 @@ body {
  overflow-y: auto;
  padding-bottom: 8px;
 }
-.wizard-answer-area::after {
+/* El fade SOLO se pinta cuando .wizard-answer-area mide overflow real
+   (clase has-overflow agregada por JS — ver wizard-form.tsx). CSS no tiene
+   forma de detectar scrollHeight > clientHeight por sí solo: un ::after
+   incondicional (o un mask-image fijo) se pinta igual sobre el final de la
+   caja aunque el contenido entre completo, mostrando una franja/degradado
+   fantasma en preguntas cortas. */
+.wizard-answer-area.has-overflow::after {
  content: '';
  position: sticky;
  bottom: 0;