Bug 49340 - Text wrapping around floated divs/images occasionally ignored, then fixed on page reload
Summary: Text wrapping around floated divs/images occasionally ignored, then fixed on ...
Status: UNCONFIRMED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Text (show other bugs)
Version: 525.x (Safari 3.2)
Hardware: PC Windows 7
: P2 Normal
Assignee: Nobody
URL: http://www.ric.edu/whatsnews/details....
Keywords:
Depends on:
Blocks:
 
Reported: 2010-11-10 13:36 PST by Kevin Middleton
Modified: 2010-11-10 13:36 PST (History)
0 users

See Also:


Attachments
Screenshot of one of the pages in error (408.91 KB, image/jpeg)
2010-11-10 13:36 PST, Kevin Middleton
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Kevin Middleton 2010-11-10 13:36:12 PST
Created attachment 73533 [details]
Screenshot of one of the pages in error

Hi,

We have noticed occasional rendering issues in Google Chrome for Windows and Safari for Mac (4.0.5) on our campus news website. As we are only able to reproduce the rendering issues in Safari and Chrome, our best guess at this time is that Webkit as the rendering engine may be a common factor, since the problem has only been reported across machines/OSes running a browser with Webkit. We would be pleased if it was merely a markup issue/validation on our end, but despite our best attempts the issues seen in Chrome and Safari cannot reproduced in any other browsers.

Specific issue: Sometimes on a fresh page load, text will fail to wrap around a floated image or div and will instead layer over the image/div as if it's not there. Refreshing the page or toggling the float property in dev tools in Chrome will fix this. Returning to the page after a 1st load also appears to fix this, thus suggesting that once the images are cached the problem will no longer recur. The attached screenshot shows the view from the latest build of Chrome for Windows when the float/wrap issue is in effect.

Steps to reproduce:

1. Attempt (using Chrome for Windows or Safari 4.x for Mac and a clear cache) to load one of the following pages:

http://www.ric.edu/whatsnews/details.php?News_ID=1082
http://www.ric.edu/whatsnews/details.php?News_ID=997
http://www.ric.edu/whatsnews/details.php?News_ID=1084
http://www.ric.edu/whatsnews/details.php?News_ID=1053

You may see text layered over the images on the page. If so, merely refresh the page once which should fix the error(s). 

Reproducibility: 

FireFox is unaffected;
Internet Explorer is unaffected;
Safari 5.0.2 for Windows appears unaffected; 
Google Chrome 7.0.517.44 (current build) for Windows is occasionally affected;
Safari 4.0.5 for Mac is occasionally affected.

Thank you very much for your time. Any advice is appreciated.