Bug 48235

Summary:

Floated elements are rendered incorrectly when float property is changed

Product:

WebKit

Reporter:

Jesse Hartwick <someguy723>

Component:

New Bugs

Assignee:

Nobody <webkit-unassigned>

Status:

UNCONFIRMED

Severity:

Normal

CC:

fam.lam, jim

Priority:

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

URL:

http://www.appscanadian.ca/renderbug/inline-style.html

Attachments:

Description	Flags
html+css files to test this issue	none

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.