fix(app): resize layout viewport when mobile keyboard appears#15841
Merged
adamdotdevin merged 1 commit intoanomalyco:devfrom Mar 27, 2026
Merged
fix(app): resize layout viewport when mobile keyboard appears#15841adamdotdevin merged 1 commit intoanomalyco:devfrom
adamdotdevin merged 1 commit intoanomalyco:devfrom
Conversation
github-actions
bot
added
needs:compliance
Contributor
|
Thanks for your contribution! This PR doesn't have a linked issue. All PRs must reference an existing issue. Please:
See CONTRIBUTING.md for details. |
Contributor
|
The following comment was made by an LLM, it may be inaccurate: PR #13155 is related to iOS/Safari viewport issues but appears to be about scrolling, not the keyboard viewport problem. Let me verify it's not a duplicate: No duplicate PRs found The search results only return PR #15841 (the current PR being checked) and PR #13155, which is about improving initial bottom scroll on iOS/iPad Safari - a different viewport-related issue, not about the mobile keyboard covering the input area. |
github-actions
bot
removed
the
needs:compliance
Contributor
|
Thanks for updating your PR! It now meets our contributing guidelines. 👍 |
Contributor
Author
|
@adamdotdevin any luck? |
BYK
force-pushed
the
fix/mobile-keyboard-viewport
branch
2 times, most recently
from
add3667 to
863eb40
Compare
BYK
force-pushed
the
fix/mobile-keyboard-viewport
branch
5 times, most recently
from
71a9807 to
b3ba39f
Compare
Add interactive-widget=resizes-content to the viewport meta tag so the layout viewport (and dvh) shrinks when the virtual keyboard opens. The existing flex layout then keeps the composer visible above the keyboard.
BYK
force-pushed
the
fix/mobile-keyboard-viewport
branch
from
dd07dcd to
6d2c9d0
Compare
Copilot AI
pushed a commit
to ian-morgan99/opencode
that referenced
this pull request
Mar 28, 2026
…yco#15841) Co-authored-by: ian-morgan99 <[email protected]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Issue for this PR
Closes #15842
Type of change
What does this PR do?
The viewport meta tag defaults to
interactive-widget=resizes-visual, which means the virtual keyboard overlays the visual viewport without resizing the layout viewport. Since the root element usesh-dvhanddvhtracks the layout viewport, the full flex layout stays at its original height behind the keyboard — pushing the composer (shrink-0at the bottom of aflex-col) under it.Adding
interactive-widget=resizes-contenttells the browser to resize the layout viewport (and thus the ICB) when the keyboard appears.dvhthen shrinks to the space above the keyboard, the message timeline (flex-1) absorbs the reduction, and the composer stays visible.Desktop is unaffected (no virtual keyboard = no viewport change). Browser support: Chrome 108+, Safari 15+, Edge 108+.
How did you verify your code works?
Tested on iOS Safari and Chrome Android — the composer stays visible above the keyboard after the change.
Screenshots / recordings
N/A
Checklist