UNCONFIRMED 48235
Floated elements are rendered incorrectly when float property is changed 
https://bugs.webkit.org/show_bug.cgi?id=48235
Summary Floated elements are rendered incorrectly when float property is changed
Jesse Hartwick
Reported 2010-10-25 06:51:44 PDT
Created attachment 71743 [details] html+css files to test this issue Consider the following page: <!DOCTYPE html> <html> <head> <title>Demo</title> <meta charset="UTF-8"> <style type="text/css"> #outer { border: 1px solid #AAA; width: 700px; } #inner { float: right; width: 540px; } </style> </head> <body> <div id="outer"> <img src="placeholder.jpg" width="150px" height="150px" /> <div id="inner"> <h1>Test</h1> <p>Lorem ipsum blah blah blah</p> </div> </div> </body> </html> Note that the "inner" <div> is properly rendered to the right of the image. Now modify the "float" property to remove and re-add the "right" value: javascript: document.getElementById('inner').style.cssFloat = "none"; javascript: document.getElementById('inner').style.cssFloat = "right"; Note that the "inner" <div> is no longer rendered in its previous location.
Attachments
html+css files to test this issue (3.10 KB, application/octet-stream)
2010-10-25 06:51 PDT, Jesse Hartwick 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jim Meyer
Comment 1 2011-01-18 22:59:39 PST
Verified to be broken with Chrome 8.0.552.237 for MacOS.
Note You need to log in before you can comment on or make changes to this bug.