Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add css property touch-action: manipulation #210

Open
dascritch opened this issue Mar 14, 2024 · 0 comments
Open

add css property touch-action: manipulation #210

dascritch opened this issue Mar 14, 2024 · 0 comments
Labels
accessibility no one left behind good first issue Good for newcomers help wanted Extra attention is needed

Comments

@dascritch
Copy link
Owner

https://dbushell.com/2024/03/10/css-button-styles-you-might-not-know/

Touch Actions

Have you ever repeatedly tapped on a button only for the page to zoom in unexpectedly? Rewind and fast-forward buttons in an audio player for example. This unwanted side effect can be removed with touch-action:

.button {
  touch-action: manipulation;
}

The manipulation value disables gestures like ‘double-tap to zoom’. Other gestures like ‘panning’ and ‘pinch to zoom’ are unaffected. An extra benefit is that the browser no longer needs to delay the click event waiting for a second tap.

@dascritch dascritch added help wanted Extra attention is needed good first issue Good for newcomers accessibility no one left behind labels Mar 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility no one left behind good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

1 participant