[Webkit-unassigned] [Bug 78072] New: Position:absolute elements are missing (offscreen) and then appear after refresh or resize.

Tue Feb 7 19:29:51 PST 2012

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

           Summary: Position:absolute elements are missing (offscreen) and
                    then appear after refresh or resize.
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
               URL: https://sitekey.bankofamerica.com/sas/signonScreen.do?
                    isMobileDevice=true#_signIn
        OS/Version: All
            Status: NEW
          Keywords: HasReduction, Regression
          Severity: Major
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: epenner at chromium.org

Use the iphone user-agent in the webkit-nightly to see the bug. Some text initially appears off-screen and then appears when you resize or refresh the page. After that point it is difficult to reproduce the issue again. To reproduce it after that, I needed to visit other sites and then clear history/cache.

Here is a reduced test. Making trivial changes to either file can mask the bug. For example, even removing the script tag (to an non-existent script) appears to fix the problem.

TextMoves.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">@import url(TextMoves.css);</style>
<script type="application/x-javascript" src="doesntmatter.js"></script>
</head>
<body>
<div class="row">
  <label>This label moves after resize or refresh.</label>
</div>
</body>
</html>

TextMoves.css

.row  {
    position: relative;
    text-align: right;
}

.row > label {
    position: absolute;
}

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