cyntler / cyntler/hamburger-react
Highlight on mobile click
- Dominant language
- TypeScript
- Stars
- 1k
- Forks
- 41
- PR merge metrics
- No merged PRs in 30d
Description
Version 2.5.0
**Steps to Reproduce**
When users interact with the menu on mobile devices, the burger is highlighted during the transition.
Reproduceable on the example site: https://hamburger-react.netlify.app/
**Note**
This may or may not be expected, but it would be nice to have the option to turn it off. I recognize most click events on mobile are associated with this behavior.
**Workaround**
My temporary (tested only on chrome) workaround using style jsx:
```
{`
.burger-container:first-child {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
`}
```
webkit, moz, ms, and user-select statements taken from [this stack overflow](https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting).
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.