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

Slider touch highlight should be disabled #219

Closed
Immortalin opened this issue Apr 15, 2021 · 6 comments
Closed

Slider touch highlight should be disabled #219

Immortalin opened this issue Apr 15, 2021 · 6 comments

Comments

@Immortalin
Copy link

Immortalin commented Apr 15, 2021

On touch devices, there is a default momentary input highlight around the component when the slider is used.

@hperrin
Copy link
Owner

hperrin commented Apr 15, 2021

Can you tell me which device and browser you're using?

@Immortalin
Copy link
Author

Immortalin commented Apr 15, 2021

Chrome android. Specifically it is the slider bar itself that is responding to the touch event, there is no highlight around the scroller button. The highlight lasts for ~half a second each time.

Screenshot_20210415-170731

@Immortalin
Copy link
Author

Unrelated but the card page overflows on mobile:

Screenshot_20210415-170956

@hperrin
Copy link
Owner

hperrin commented Apr 15, 2021

Ah, ok. Gotta go grab my Android phone! I'll fix the cards demo too.

@hperrin
Copy link
Owner

hperrin commented Apr 15, 2021

I've figured out that this happens to any element in Chrome that has the "cursor: pointer;" style.

@hperrin
Copy link
Owner

hperrin commented Apr 15, 2021

And there is a solution! https://stackoverflow.com/a/25704651

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

No branches or pull requests

2 participants