diff --git a/src/app/globals.css b/src/app/globals.css index 1c78217..cd1f838 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -286,25 +286,22 @@ body.question-keyboard-open .app-shell .question-snap-item[aria-current="step"] } body.question-sheet-open - .app-shell - .question-snap-item[aria-current="step"] - .question-snap-content, -body.question-keyboard-open .app-shell .question-snap-item[aria-current="step"] .question-snap-content { - transform: translateY(calc(var(--question-keyboard-shift, 0px) * -1)); + margin-top: 8px; + margin-bottom: 0; + transform: none; } -/* Keep the question centered normally; when Flutter reports the keyboard, - place it in the viewport area that remains directly below progress. */ body.question-keyboard-open .app-shell .question-snap-item[aria-current="step"] .question-snap-content { - margin-top: 8px; + /* Preserve the normal centered layout and only lift it by measured height. */ + margin-top: auto; margin-bottom: auto; - transform: none; + transform: translateY(calc(var(--question-keyboard-shift, 0px) * -1)); } body.question-sheet-open