Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Black border (left, right, bottom) added to body after lightbox closes on iOS Safari #5296

@mkhatib

Description

@mkhatib

Not sure if this is already in prod/canary. But it's in current master.

Repro:

  1. Run local server
  2. navigate to everything.amp.max.html example
  3. Locate the Open Lightbox button
  4. Click it
  5. Click close dialog
  6. Notice a visible black border appearing.

Computed styles for body changes as follow:

/* Before Opening Dialog */
border-top-color: rgba(0, 0, 0, 0);
border-top-style: solid;
border-top-width: 0px;
height: 628px;
width: 414px;

/* After Opening Dialog */
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-color: rgba(0, 0, 0, 0);
border-top-style: none;
border-top-width: 0px;
height: 628px;
width: 414px;

/* After closing dialog */
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-top-color: rgba(0, 0, 0, 0);
border-top-style: solid;
border-top-width: 0px;

screen shot 2016-09-28 at 5 55 59 pm

Seen on iOS 9.2

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions