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

Grey overlay in mobile Safari #1970

Closed
blasten opened this issue Jun 26, 2015 · 3 comments
Closed

Grey overlay in mobile Safari #1970

blasten opened this issue Jun 26, 2015 · 3 comments
Assignees
@dfreedm

Comments

@blasten
Copy link
Contributor

blasten commented Jun 26, 2015

Moved from PolymerElements/paper-drawer-panel#75

Gesture events such as tap and track also attach a click and mousedown event handlers. This will result in a grey overlay in mobile safari.

We could remove those listeners if possible or use:

-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;

Ref: http://stackoverflow.com/questions/5106934/prevent-grey-overlay-on-touchstart-in-mobile-safari-webview
@blasten blasten changed the title Gesture events add mouse events in mobile causing a dark overlay. Grey overlay in mobile Safari Jun 26, 2015
@frankiefu
Copy link
Member

This is the POC fix for the issue: 078f358

@addyosmani
Copy link
Member

@frankiefu If I understand correctly, the POC in 078f358 negates the need to use the -webkit-tap-highlight-color workaround on body, right? We're running into this issue in PSK and might hold out for the upstream fix rather than monkey-patching in the short term.

@blasten
Copy link
Contributor Author

blasten commented Jun 29, 2015

@addyosmani right!

@dfreedm dfreedm mentioned this issue Jun 29, 2015
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@dfreedm dfreedm

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@dfreedm @addyosmani @frankiefu @blasten