[Webkit-unassigned] [Bug 61283] New: Safari 5.0.5 dont correctly render first element with inline-block in a parent element with a height

Mon May 23 07:16:27 PDT 2011

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

           Summary: Safari 5.0.5 dont correctly render first element with
                    inline-block in a parent element with a height
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
               URL: http://www.blar.de/hidden-element-in-safari.html
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: gmblar at gmail.com

When adding a element with inline-block to a parent with a height, hides (dont render) the first element.

* After a second element is added to the parent, it also render the first element.
* When the browser window is resized the element appears
* When the user scroll the window and go back, the hidden element appears

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Hidden element in Safari</title>
        <style type="text/css">
            div#tags {
                height: 200px;
            }
            span.tag {
                display: inline-block;
            }
        </style>
        <script type="text/javascript">
            function addTag() {
                var tag = document.createElement('span');
                tag.setAttribute('class', 'tag');
                tag.appendChild(document.createTextNode('foobar'));
                document.getElementById('tags').appendChild(tag);
            }
        </script>
    </head>
    <body>
        <div id="tags"></div>
        <button id="addtag" onclick="addTag();">Add tag</button>
    </body>
</html>

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