Bug corregido — duplicación de enunciado + fade mal posicionado

This commit is contained in:
markosbenitez
2026-06-23 22:12:00 -03:00
parent c30688810a
commit 7c8b034756
2 changed files with 15 additions and 6 deletions

View File

@@ -63,7 +63,11 @@ body {
.skip-link:focus { left: 4px; }
/* ── Screen reader only ── */
.sr-only {
/* El legend/label de los widgets dentro del wizard se oculta visualmente —
el enunciado ya se muestra una sola vez en .wizard-prompt-block. Se deja
el texto accesible (nombre del fieldset/label) en vez de quitarlo. */
.sr-only,
.wizard-answer-area .question-legend {
position: absolute;
width: 1px;
height: 1px;
@@ -586,9 +590,13 @@ body {
margin: 0;
}
/* Área de respuesta: altura máxima + scroll interno + fade inferior cuando hay más abajo. */
/* Área de respuesta: altura máxima + scroll interno + fade inferior cuando hay más abajo.
flex: 0 1 auto (NO flex:1) — mide según su contenido, nunca se estira a llenar el alto
disponible. Si creciera con flex:1, una pregunta corta (3 opciones) dejaría la caja con
espacio vacío abajo y el fade ::after (sticky bottom:0) quedaría flotando justo después
del contenido real, lejos del borde inferior visual de la caja — en vez de pegado a él. */
.wizard-answer-area {
flex: 1;
flex: 0 1 auto;
min-height: 0;
max-height: 360px;
overflow-y: auto;