Closed Bug 245417 Opened 20 years ago Closed 20 years ago

images with css float flash/jump in upper left corner of frame as they are loaded

Categories

(Core :: Layout: Floats, defect)

x86
All
defect
Not set
minor

Tracking

()

RESOLVED FIXED

People

(Reporter: david.valentine, Unassigned)

References

()

Details

Attachments

(5 files, 3 obsolete files)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040514
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7) Gecko/20040514

Recently reworked page to fully exploit css, and div/span layout.

images with css float flash in upper left corner of frame as they are loaded.

This happens with both the HTML, and the xml with stylesheet version.

I have 0 cache size setting

Reproducible: Always
Steps to Reproduce:
1. draw area on map
2. click search
3. results page loads
4. images will flash in upper left corner as they are loaded.

Actual Results:  
images will flash in upper left corner as they are loaded.

Expected Results:  
images should not appear in upper left corner of frame, then be redrawn.

0 cache size.

Attaching, html rendering, xml, xml stylesheet, css.
50 thumbnails should load off website.
Attached file results.css
image in class=adlThumbImg inside of adlThumb, and aCitation divs
Attached file html page
zip file, since xml file is > 300k.
This needs a minimal-ish testcase....
Keywords: qawanted
Attached file simplified testcase which flashes (obsolete) —
The "flashing", or drawing of the images in the upper corner does not happen if
a width and height is specified.
Attached file css for test cases (obsolete) —
does not happen on Mac OS X.3.4 (firefox 0.8)
I assume every single bit of that CSS is necessary?
The "flashing" (the image jumps to the top of the page momentarily) only occurs
while the page is loading, so you will probably only see a single jump (try a
few refreshes if you miss it). Adding more pics on the bottom will emphasise
the effect as seen in the original example.

There are a couple of ways that I have made it stop flashing
1) specify width="104" height="128" for the second image
2) put the second image inside a paragraph (<p> </p>)
Attachment #149931 - Attachment is obsolete: true
Attachment #152847 - Attachment description: reduced testcase (embedded css) → reduced testcase - no flashing (embedded css)
Attachment #152847 - Attachment filename: wimp_results_flash.htm → wimp_results_noflash.htm
accidentally submitted the non-flashing version which had the <p> </p> around
the 2nd image... so now we have both :)
Attachment #149932 - Attachment is obsolete: true
Attachment #149933 - Attachment is obsolete: true
Removing keyword qawanted since we have a reduced testcase now.

I see this on linux too. OS-> All

Confirming with minor change to summary.
Severity: normal → minor
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: qawanted
OS: Windows XP → All
Summary: images with css float flash in upper left corner of frame as they are loaded → images with css float flash/jump in upper left corner of frame as they are loaded
Happens with the animated ads in the new layout on betanews.
http://www.betanews.com/article/1096324259
This bug was fixed by the checkin for bug 238493.
Status: NEW → RESOLVED
Closed: 20 years ago
Resolution: --- → FIXED
Depends on: 238493
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: