Skip to content

Grey overlay in mobile Safari #1970

Closed
Closed
Grey overlay in mobile Safari#1970
Assignees
dfreedm

Description

@blasten
blasten
opened on 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

Activity

  1. blasten
    assigned
    dfreedm
    on Jun 26, 2015
  2. blasten
    changed the title [-]Gesture events add mouse events in mobile causing a dark overlay.[/-] [+]Grey overlay in mobile Safari[/+] on Jun 26, 2015

  3. frankiefu commented on Jun 26, 2015

    @frankiefu
    frankiefu
    on Jun 26, 2015
    Member

    This is the POC fix for the issue: 078f358

  4. addyosmani commented on Jun 27, 2015

    @addyosmani
    addyosmani
    on Jun 27, 2015
    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.

  5. blasten commented on Jun 29, 2015

    @blasten
    blasten
    on Jun 29, 2015
    ContributorAuthor

    @addyosmani right!

  6. kevinpschaaf
    closed this as completedin #1983on Jun 30, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions