Skip to content

iOS5 Safari: position: relative elements disappear during scroll when using -webkit-overflow-scrolling: touch #8

@scottjehl

Description

@scottjehl

Summary:

In iOS5 Safari: position: relative (or possibly all positioned) child elements occasionally disappear while scrolling an element that uses -webkit-overflow-scrolling: touch. They seem to consistently reappear after scroll stops. This seems to occur most with elements that are outside of the overflow region at scroll start.

Platforms:

  • iOS5

How to reproduce:

  1. Set overflow: auto and -webkit-overflow-scrolling: touch on an element that has position: relative child elements and a lot of content
  2. Open in iOS5 and scroll the element

Reduced Example:

http://jsbin.com/izimaf/3/

Bug Tracker ticket(s):

Workarounds:

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions