[Webkit-unassigned] [Bug 136904] New: As of iOS 8.0 (12A365), all Mobify.js sites unexpectedly scroll down the page after load. Sometimes this happens on first load, and happens almost 100% of the time after navigating to another page on the website by clicking a link.

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=136904

           Summary: As of iOS 8.0 (12A365), all Mobify.js sites
                    unexpectedly scroll down the page after load.
                    Sometimes this happens on first load, and happens
                    almost 100% of the time after navigating to another
                    page on the website by clicking a link.
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: iOS
        OS/Version: Other
            Status: NEW
          Severity: Critical
          Priority: P2
         Component: Page Loading
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: shawnjan at gmail.com


Created an attachment (id=238279)
 --> (https://bugs.webkit.org/attachment.cgi?id=238279&action=review)
Minimal test case

A minimal test case has been attached and can be found in ios8_bug.html.

Steps to Reproduce:
On an iOS device:

1. Open attached io8_bug.html on an iOS8 device or iOS8 Simulator.
2. Notice that the initial rendering of the page is scrolled down.
3. Refresh to repeat.

or

1. Go to any of the sites listed in the Affected Sites list below and browse around.

Expected Results:
The initial rendering of the page should not be scrolled down.

Actual Results:
The initial rendering of the page is scrolled down.

Version:
iOS 8.0 [12A365]

Notes:
The minimal test case is attached. The minimal test case shows how the page is being scrolled after dynamically attaching the meta viewport tag. The reason this is related to mobify.js is because it uses a technique we call "capturing" - which does the following to the page:

1. Inserts a plaintext tag to capture the contents of the page in order to prevent resources from loading.
2. Creates an interstitial document that we use to query against in an effort to create a new HTML page for that specific route.
3. Creates the new page by rendering the mobile template chosen by the router using dust.js.
4. Renders that new page to the DOM by using document.open/write.

Since the document string is being written later on, and that document string almost always has the meta viewport tag in it, we end up running into the same issue exhibited by the minimal test case. We believe whatever issue plaguing the test case is the same issue we are running into with websites running Mobify.js.

Configuration:
iPhone 5S (iOS8), and iOS8 Simulator Xcode 6.0.1

Sites affected:

AnnTaylor.com
BeyondTheRack.com
Bosch-Home.com
BT.com
CallawayGolf.com
Coastal.com
Ideeli.com
Loft.com
Lululemon.com
www.menshealth.com
Neff.de
Siemens-Home.com
MyStarbucksIdea.force.com
Techvibes.com
Thermador.com
Threadless.com
TommyBahama.com
TriaBeauty.com
VirginWines.co.uk
Wired.com
WomensHealthMag.com
WSJWine.com
AICPA.org
ArchitecturalDigest.com
BET.com
BurlingtonCoatFactory.com
CTShirts.com
Chewy.com
Christies.com
CoastHotels.com
Crocs.co.uk
Epicurious.com
TravelNow.com
css-tricks.com
Foxhead.com
Garmin.com
GQ.com
iOffer.com
Ivivva.com
LHW.com
Outrigger.com
Patheos.com
Perfumania.com
SharperImage.com
StellaDot.com
Style.com
Superdry.com
TeenVogue.com
TheKnot.com
Theory.com

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.