Bug 78072 - Position:absolute elements are missing (offscreen) and then appear after refresh or resize.
Summary: Position:absolute elements are missing (offscreen) and then appear after refr...
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Major
Assignee: Nobody
URL: https://sitekey.bankofamerica.com/sas...
Keywords: HasReduction, Regression
Depends on:
Blocks:
 
Reported: 2012-02-07 19:29 PST by Eric Penner
Modified: 2022-07-12 16:38 PDT (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Eric Penner 2012-02-07 19:29:51 PST 
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&nbsp;label&nbsp;moves&nbsp;after&nbsp;resize&nbsp;or&nbsp;refresh.</label>
</div>
</body>
</html>

TextMoves.css

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

.row > label {
    position: absolute;
}
Comment 1 Brent Fulgham 2022-07-12 16:38:12 PDT 
This test case appears to work properly on modern webkit.