cyntler / cyntler/hamburger-react

Highlight on mobile click

Open
#59 4 comments 1 reaction 0 assignees View on GitHub
enhancement
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.