Skip to content

Loading…

Grey overlay in mobile Safari #1970

Closed
blasten opened this Issue · 3 comments

4 participants

@blasten
Owner

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

@azakus azakus was assigned by blasten
@blasten blasten changed the title from Gesture events add mouse events in mobile causing a dark overlay. to Grey overlay in mobile Safari
@frankiefu
Owner

This is the POC fix for the issue: 078f358

@addyosmani
Owner

@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
Owner

@addyosmani right!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.