Float content duplicated when using CSS 'clip' via javascript

• Component: Layout and Rendering
• Status: RESOLVED WORKSFORME

[Rob Dockins]

I discovered this bug when testing a site I was developing in Safari.  The above page is a minimal demonstration of the bug.  Basically, I have a side column with a floated div positioned next to a div with a lot of text.  The user can toggle between seeing the full text and seeing only the first few lines.  This is accomplished by setting the CSS 'clip' property on the long div via javascript.  However, when the paragraph is expanded to full length, part of the left-floated content is then duplicated further down the page.  The duplicated content will disappear if the window is resized.  Also, the occurance of the bug appears to be affected by some subtle aspect of layout, because its occurance is dependent on where the paragraphs are laid out on the page.

This problem does not occur on IE6, IE7, or Firefox.  Konqueror seems to have a different (but perhaps related) problem with the dynamic use of 'clip'.

[Rob Dockins]

Created attachment 16053 [details]
Bug demo page

Source HTML of the bug demo

[David Kilzer (:ddkilzer)]

This issue appears to be fixed in ToT WebKit.

Rob, please try testing with the Safari 3 Public Beta (<http://apple.com/safari/>) or pick up a WebKit nightly build (<http://nightly.webkit.org/>).

Thanks for taking the time to create a reduced test case and posting a bug!

[Rob Dockins]

I can confirm that the bug is not present in the Safari public beta 3.0.3 (522.12.1) on my machine.

That's great news.  A fix in the pipeline means I don't have to worry about recoding the site :-)