Skip to content

fix: prevent vertical scroll on mobile keyboard accessory bar#72

Open
TeigenZhang wants to merge 1 commit intoArk0N:masterfrom
TeigenZhang:fix/mobile-accessory-bar-scroll
Open

fix: prevent vertical scroll on mobile keyboard accessory bar#72
TeigenZhang wants to merge 1 commit intoArk0N:masterfrom
TeigenZhang:fix/mobile-accessory-bar-scroll

Conversation

@TeigenZhang
Copy link
Copy Markdown
Contributor

Summary

On mobile devices, the accessory bar above the soft keyboard could bounce vertically when the user dragged on it, pulling the whole viewport out of place when the keyboard was open. Fix: disable touch-action vertical pan on the bar so horizontal scrolling still works for overflowing buttons but vertical gestures are absorbed by the terminal below.

Test plan

  • iPhone Safari: open a session → tap input → drag on accessory bar → no viewport scroll
  • Horizontal overflow scroll on accessory bar still works when many buttons are present
  • Desktop unaffected (the rule only applies under the mobile CSS scope)

Add overflow-y: hidden to both .keyboard-accessory-bar declarations
so the bar only scrolls horizontally on iOS.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant