Skip to content

nmc/5811-file-setting-close-button-not-working-in-mobile#472

Merged
memurats merged 1 commit into
stable32from
nmc/5811-file-setting-close-button-not-working-in-mobile
May 8, 2026
Merged

nmc/5811-file-setting-close-button-not-working-in-mobile#472
memurats merged 1 commit into
stable32from
nmc/5811-file-setting-close-button-not-working-in-mobile

Conversation

@suet-kei-chan
Copy link
Copy Markdown

No description provided.

…modal

The modal close button was unresponsive to exact taps on mobile (Android & iOS).

Root cause: the scrollable `.modal-container__content` (overflow-y: auto) overlaps
the close button's touch area. The button is positioned at top/right 0.5rem (~8px)
and is ~44px tall, while the content starts at 1.5rem (24px) padding — meaning the
scroll region covers the button from 24px to 52px, including its center.

On mobile, the browser's scroll gesture handler captures touches that start inside
the overflow-y:auto region before z-index hit-testing reaches the button, making
exact taps on the button appear broken while taps outside the scroll region (the
top edge of the button, within the padding area) still worked.

Fix: add `touch-action: manipulation` to `.modal-container__close`, which disables
scroll-gesture detection on the element so taps are delivered directly to the button.
@suet-kei-chan suet-kei-chan self-assigned this May 7, 2026
@suet-kei-chan suet-kei-chan requested review from memurats and psawalka May 7, 2026 17:19
@memurats memurats merged commit 75e22a8 into stable32 May 8, 2026
4 of 5 checks passed
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.

2 participants