[Webkit-unassigned] [Bug 48235] New: Floated elements are rendered incorrectly when float property is changed

Mon Oct 25 06:51:45 PDT 2010

https://bugs.webkit.org/show_bug.cgi?id=48235

           Summary: Floated elements are rendered incorrectly when float
                    property is changed
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
               URL: http://www.appscanadian.ca/renderbug/inline-style.html
        OS/Version: Windows XP
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: New Bugs
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: someguy723 at hotmail.com

Created an attachment (id=71743)
 --> (https://bugs.webkit.org/attachment.cgi?id=71743&action=review)
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.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.