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.

Sign up for GitHub

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

Jump to bottom

Hover state persistst when tapping buttons on touch devices #7432

Closed
quincylvania opened this issue Mar 13, 2020 · 1 comment
Closed

Hover state persistst when tapping buttons on touch devices #7432

quincylvania opened this issue Mar 13, 2020 · 1 comment
Assignees
@quincylvania
Labels
touch-stylus An issue with touchscreen or pen input
Milestone
2.18.0

Comments

@quincylvania
Copy link
Collaborator

Mobile Safari gives tapped buttons the :hover CSS styling, which shows them as pressed. However, this doesn't always properly disappear after the tap is complete. It's not a big deal but it looks sloppy and can be confusing.
@quincylvania quincylvania added the touch-stylus An issue with touchscreen or pen input label Mar 13, 2020
@quincylvania quincylvania self-assigned this May 15, 2020
@quincylvania quincylvania added this to the 2.18.0 milestone May 15, 2020
@quincylvania
Copy link
Collaborator Author

Turns out the hover media feature can by used to apply CSS only to environments where the primary pointer can hover. I wrapped all of iD's :hover selectors in media queries and added :active selectors so all buttons still react when pressed on touch devices.

This was referenced May 22, 2020
Closed
Open
@quincylvania quincylvania mentioned this issue Jul 20, 2020
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@quincylvania quincylvania

Labels
touch-stylus An issue with touchscreen or pen input
Projects
None yet
Milestone
2.18.0
Development

No branches or pull requests
1 participant
@quincylvania