[Webkit-unassigned] [Bug 184665] New: IFrame Scrolls Up after Interacting with Div Using Javascript

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Apr 16 13:50:57 PDT 2018


            Bug ID: 184665
           Summary: IFrame Scrolls Up after Interacting with Div Using
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: iPhone / iPad
                OS: iOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Frames
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: gaffne67 at gmail.com

When moving and displaying a div in an iFrame (using javascript) in iOS devices, the iframe scrolls to top of the window and the user has to scroll back down to see the div. In non-iOS devices the div is moved into view without the iFrame scrolling up (which is the desired behavior).

example: https://plnkr.co/edit/HDigw0jKv79J1eI81kDJ?p=preview

Steps to reproduce:
1. Navigate to the above url on an iPad or iPhone using Safari
2. Scroll down and tap the "Click ME!" link.
3. Notice the iFrame scrolls to the top.

What the link is doing:
- The link formats a div, moves it to the top right of the point that was tapped, and makes it visible.

Note: If you comment out line 82 (dd.style.display = "block";), the iframe does not scroll to the top.

I confirmed this behavior on:
iPad (iOS 11.3)
- Safari
- Chrome
- Mozilla Firefox
iPad (iOS 11.2.6)
- Safari
- Chrome
- Mozilla Firefox
iPhone (iOS 11.2.6)
- Safari

I confirmed this behavior does not happen on:
Windows 10
- Safari (v 5.1.7)
- Chrome
- Mozilla Firefox
Android (7.0)
- Chrome

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20180416/0ce90661/attachment.html>

More information about the webkit-unassigned mailing list