feat(FN-3750): stabilize mailbox mobile keyboard and wake handling
- Wire mobile keyboard viewport signals into mailbox view and modal containers for anchored mobile layout - Keep reply composer focused and visible while keyboard is open, with updated component styles and regression tests - Make messaging wake dispatch fire-and-forget to avoid request hangs and expand route tests for async behavior - Add desktop vitest workspace aliases for @fusion/* imports and include FN-3750/FN-3751 changesets Fusion-Task-Id: FN-3750
This commit is contained in:
@@ -656,6 +656,20 @@
|
||||
padding-bottom: calc(var(--space-md) + env(safe-area-inset-bottom, 0px) + var(--standalone-bottom-gap));
|
||||
}
|
||||
|
||||
.mailbox-view[style*="--keyboard-overlap"],
|
||||
.mailbox-modal[style*="--keyboard-overlap"] {
|
||||
height: var(--vv-height, 100dvh);
|
||||
max-height: var(--vv-height, 100dvh);
|
||||
transform: translateY(var(--vv-offset-top, 0px));
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.mailbox-view[style*="--keyboard-overlap"] .mailbox-content,
|
||||
.mailbox-modal[style*="--keyboard-overlap"] .mailbox-content {
|
||||
overflow-y: auto;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.mailbox-modal .mailbox-message-detail-header {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
@@ -736,6 +750,10 @@
|
||||
padding-bottom: calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px) + var(--standalone-bottom-gap) + var(--space-lg));
|
||||
}
|
||||
|
||||
.mailbox-view[style*="--keyboard-overlap"] .mailbox-content {
|
||||
padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--space-md));
|
||||
}
|
||||
|
||||
.mailbox-view .mailbox-split-layout {
|
||||
display: block;
|
||||
height: auto;
|
||||
|
||||
Reference in New Issue
Block a user