148222b40a
1-line CSS: adds touch-action:manipulation + -webkit-tap-highlight-color:transparent to button/.icon-btn/.send-btn/.approval-btn/[onclick] inside the touch/compact media block (@media max-width:1399.98px), removing iOS Safari's ~300ms double-tap-zoom delay so taps fire on first touch. Added a regression test pinning the rule. Co-authored-by: nesquena-hermes <agent@nesquena-hermes> Co-authored-by: rodboev <rodboev@users.noreply.github.com>
25 lines
1.1 KiB
Python
25 lines
1.1 KiB
Python
"""Regression test for #4696 — eliminate the iOS tap delay on interactive buttons.
|
|
|
|
iOS Safari adds a ~300ms delay (and a double-tap "select then fire" behavior) on
|
|
tappable elements unless `touch-action:manipulation` is set. The fix adds that —
|
|
plus `-webkit-tap-highlight-color:transparent` — to interactive controls in the
|
|
touch/compact media block so the send button and friends fire on the first tap.
|
|
"""
|
|
from pathlib import Path
|
|
|
|
CSS = (Path(__file__).resolve().parents[1] / "static" / "style.css").read_text(encoding="utf-8")
|
|
|
|
|
|
def test_interactive_buttons_have_touch_action_manipulation():
|
|
# The rule must cover the common interactive selectors and set both
|
|
# touch-action:manipulation (kills the 300ms tap delay) and a transparent
|
|
# tap highlight. We assert the exact rule the fix introduced.
|
|
rule = (
|
|
"button,.icon-btn,.panel-icon-btn,.send-btn,.approval-btn,[onclick]"
|
|
"{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}"
|
|
)
|
|
assert rule in CSS, (
|
|
"interactive controls must declare touch-action:manipulation to remove the "
|
|
"iOS tap delay (#4696)"
|
|
)
|