lsm / neokai / 25616282617

82%

Build Type

push

github

Committed by web-flow

Commit Message

fix: keep chat composer visible above mobile Safari keyboard (#1837)

* fix: keep chat composer visible above mobile Safari keyboard

When typing in the chat composer on mobile Safari, the screen would jump
and the typing area would go behind the virtual keyboard / address bar.

Changes:
- useViewportSafety: set --keyboard-height CSS variable when virtual
  keyboard is detected via visualViewport API, so absolutely-positioned
  elements can offset themselves.
- styles.css: shift .chat-footer up by var(--keyboard-height) when
  html.keyboard-open is present, with a smooth transition.
- InputTextarea: on focus, scroll the textarea into view after a short
  delay (350ms) to account for the keyboard animation, ensuring the
  composer stays visible while typing.
- Update useViewportSafety tests to assert --keyboard-height behavior.

* fix: address review feedback on mobile Safari keyboard fix

- InputTextarea: store focus scroll timer in a ref and clear it on blur
  and unmount instead of returning a cleanup function from the event
  handler (Preact DOM events ignore return values).
- useViewportSafety: compute keyboard height using visual viewport bottom
  edge (window.innerHeight - vv.height - vv.offsetTop) to avoid
  overestimating when iOS auto-pan sets offsetTop non-zero.
- Update MockVisualViewport test helper to include offsetTop.

* fix: scope chat-footer keyboard transition to touch devices

Scope the .chat-footer transition and keyboard-offset CSS to
@media (pointer: coarse) so desktop browsers are not affected.

Coverage Stats

8212 of 11402 branches covered (72.02%)

Branch coverage included in aggregate %.

14 of 26 new or added lines in 2 files covered. (53.85%)

2 existing lines in 2 files now uncovered.

64109 of 76055 relevant lines covered (84.29%)

289.41 hits per line