[Webkit-unassigned] [Bug 113899] New: DOM not visually updating with iOS -webkit-overflow-scrolling:touch

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Apr 3 14:52:56 PDT 2013


           Summary: DOM not visually updating with iOS
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Other
               URL: http://jsfiddle.net/charlescarver/rdZq4/4/show
        OS/Version: Other
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: HTML DOM
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: charlescarver at mac.com

If you have a container with -webkit-overflow-scrolling:touch appended to it, a set height, and a span element with a background color that is within the content but outside of the viewport, and then you remove the span element but keep the text, then scroll so that the element is now in the viewport, the background color is still visible.

Steps to Reproduce
1) Visit any webpage that meets the conditions above on an iOS device/iOS simulator. For testing purposes, here is an example: http://jsfiddle.net/charlescarver/rdZq4/4/ 
2) Drag the container to verify that there is a single span element within the container
3) Drag so that the viewport is back to its original position, then tap the a link that removes the span element
4) Drag down once again and you will see that there is an artifact of the span element, but the span element itself is removed from the DOM

Actual Results
The span element's background is still present, but the span element is removed from the DOM

Expected Results
The container is visually updated and the background color is gone along with the span element

Build Date & Platform
Latest iOS Mobile Safari simulator/Latest iOS Mobile Safari (both tested on 04/03/2013)

Additional Builds and Platforms
Hasn't been tested on other iOS versions, does not happen in latest Mac OSX 10.8 Safari.

Additional Information
The bug can be fixed by either removing the -webkit-overflow-scrolling:touch CSS attribute, or adding some code to briefly change the CSS then back again, like so:

$(".text").scroll(function () {
    $(".text").css("color", "blue");
    setTimeout(function () {
        $(".text").css("color", "#000");
    }, 1)

(Note, the examples used on the page and for the fix use jQuery)

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

More information about the webkit-unassigned mailing list