[Webkit-unassigned] [Bug 86090] New: Setting innerHTML for a "position: absolute" element does not update the rendered view

Thu May 10 05:47:01 PDT 2012

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

           Summary: Setting innerHTML for a "position: absolute" element
                    does not update the rendered view
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: apavlov at chromium.org
                CC: hyatt at apple.com, mitz at webkit.org, bweinstein at apple.com

(From http://stackoverflow.com/questions/10534136/webkit-render-bug-for-dynamic-content)

When I change the content of a span with javascript this change does not get rendered in Webkit browsers. This effect only applies when a wrapper span is positioned relative and the inner span is positioned absolute and has a fixed width and height. Here is the most simple example of the bug (check it in a webkit browser like Chrome or Safari)

<!DOCTYPE HTML>
<html>
    <head>
        <title>Webkit render bug</title>
        <style type="text/css">
            .wrapper {
                position: relative;
            }

            #absolute-block {
                display: block;
                position: absolute;
                width: 152px;
                height:42px;
                background-color: #EEEE00;
                color: #FF0000;
            }

        </style>
    </head>
    <body>
        <h1>Webkit render bug</h1>
        <button onclick="document.getElementById('absolute-block').innerHTML = 'Update test';">Update test</button>
        <span class="wrapper">
            Some content
            <span id="absolute-block">Absolute-block</span>
        </span>
    </body>
</html>

The click on the button will replace the content of the span in the DOM-tree but this doesn't get rendered by the webkit based browsers like Chrome and Safari. Other browsers do not have this render bug.

Full FrameView invalidation fixes the issue.

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