fix(FN-3624): harden mobile chat keyboard layout behavior

- Update ChatView keyboard spacer styling to keep viewport layout stable on mobile
- Adjust ChatView viewport handling logic to better align chat body with keyboard transitions
- Add ChatView regression tests covering mobile layout and keyboard interaction scenarios
- Add useMobileKeyboard hook tests to lock keyboard metric behavior and prevent regressions

Fusion-Task-Id: FN-3624
This commit is contained in:
Fusion
2026-05-06 21:54:58 -07:00
committed by gsxdsm
parent 2bc7aa0151
commit ad60886794
4 changed files with 111 additions and 17 deletions

View File

@@ -1103,7 +1103,7 @@
display: none;
}
.chat-thread[style*="--keyboard-overlap"] {
.chat-thread--keyboard-active {
height: calc(var(--vv-height, calc(100dvh - var(--keyboard-overlap, 0px))) - var(--header-height));
max-height: calc(var(--vv-height, calc(100dvh - var(--keyboard-overlap, 0px))) - var(--header-height));
/* useMobileKeyboard pins --vv-offset-top across pan-time scroll