15037 2007-08-21 08:37:52 -0700 Float content duplicated when using CSS 'clip' via javascript 2007-08-21 11:26:36 -0700 1 1 1 Unclassified WebKit Layout and Rendering 419.x Mac (Intel) OS X 10.4 RESOLVED WORKSFORME http://www.cs.princeton.edu/~rdockins/safari-bug.html P2 Normal --- 0 robdockins webkit-unassigned oldest_to_newest 1803 0 robdockins 2007-08-21 08:37:52 -0700 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'. 1798 1 16053 robdockins 2007-08-21 08:40:49 -0700 Created attachment 16053 Bug demo page Source HTML of the bug demo 1790 2 ddkilzer 2007-08-21 09:33:25 -0700 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! 1770 3 robdockins 2007-08-21 11:26:36 -0700 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 :-) 16053 2007-08-21 08:40:49 -0700 2007-08-21 08:40:49 -0700 Bug demo page safari-bug.html text/html 5121 robdockins PGh0bWw+CiAgPGhlYWQ+CiAgIDx0aXRsZT5TYWZhcmkgcmVuZGVyaW5nIGJ1ZzwvdGl0bGU+Cgog ICA8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+CiAgICAgdmFyIGlzb3BlbiA9ICd0cnVl JzsKICAgCiAgICAgZnVuY3Rpb24gdG9nZ2xlKCkgewogICAgICAgdmFyIHRvZ2dsZURpdiA9IGRv Y3VtZW50LmdldEVsZW1lbnRCeUlkKCd0b2dnbGUnKTsKICAgICAgIHZhciBzcGFjZXJEaXYgPSBk b2N1bWVudC5nZXRFbGVtZW50QnlJZCgnc3BhY2VyJyk7CgogICAgICAgaWYoIGlzb3BlbiA9PSAn dHJ1ZScgKSB7CiAgICAgICAgIGlzb3BlbiA9ICdmYWxzZSc7IAogICAgICAgICB0b2dnbGVEaXYu c3R5bGUucG9zaXRpb24gPSAnYWJzb2x1dGUnOwogICAgICAgICB0b2dnbGVEaXYuc3R5bGUubWFy Z2luUmlnaHQgPSAnNGVtJzsKICAgICAgICAgdG9nZ2xlRGl2LnN0eWxlLmNsaXAgPSAncmVjdCgg MHB4LCAxMDAwMHB4LCA1MHB4LCAwcHggKSc7CiAgICAgICAgIHNwYWNlci5zdHlsZS5oZWlnaHQg PSAnNTBweCc7CiAgICAgICB9IGVsc2UgewogICAgICAgICBpc29wZW4gPSAndHJ1ZSc7CiAgICAg ICAgIHRvZ2dsZURpdi5zdHlsZS5wb3NpdGlvbiA9ICdzdGF0aWMnOwogICAgICAgICB0b2dnbGVE aXYuc3R5bGUubWFyZ2luUmlnaHQgPSAnMGVtJzsKICAgICAgICAgc3BhY2VyLnN0eWxlLmhlaWdo dCA9ICcwcHgnOwogICAgICAgfQogICAgIH0KICAgPC9zY3JpcHQ+CgogIDwvaGVhZD4KCiAgPGJv ZHk+CiAgICA8ZGl2IHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiAjQUFBQUNDOyBib3JkZXI6IHRo aW4gc29saWQgIzAwMDAwMDsiID4KICAgICAgIDxoND5TdHJhbmdlIFNhZmFyaSByZW5kZXJpbmcg YnVnPC9oND4KCiAgICAgICA8cD5DbGljayBvbiB0aGUgIlRPR0dMRSIgc3BhbiBiZWxvdyB0byBj b2xsYXBzZSB0aGUgbG9uZyBwYXJhZ3JhcGhzLiAgVGhlbiBjbGljayAiVE9HR0xFIiBhZ2FpbiwK ICAgICAgICAgIHRvIGV4cGFuZCB0aGVtIHRvIHRoZWlyIGZ1bGwgbGVuZ3RoLiAgTm93LCBhIHBv cnRpb24gb2YgdGhlIHRoZSBzaWRlYmFyIHRleHQgb24gdGhlIGxlZnQKICAgICAgICAgIGhhcyBi ZWVuIGR1cGxpY2F0ZWQgZnVydGhlciBkb3duIHRoZSBwYWdlITwvcD4KICAgICAgIDxwPlRoaXMg YnVnIHRlc3RlZCBpbiBTYWZhcmkgMi4wLjQoNDE5LjMpLCBvbiBPUyBYIDEwLjQuMTAuPC9wPgog ICAgPC9kaXY+CgoKICAgIDxkaXYgaWQ9ImNvbnRlbnQiPgogICAgICA8ZGl2IHN0eWxlPSJmbG9h dDogbGVmdDsgd2lkdGg6IDIwMHB4OyBtYXJnaW4tbGVmdDoxMHB4OyBtYXJnaW4tcmlnaHQ6MTBw eDsiPgogICAgICAgIDxkaXY+CiAgICAgICAgICA8c3Bhbj5TSURFQkFSIFRFWFQ8L3NwYW4+PGJy Lz4KICAgICAgICAgIDxzcGFuPlNJREVCQVIgVEVYVDwvc3Bhbj48YnIvPgogICAgICAgICAgPHNw YW4+U0lERUJBUiBURVhUPC9zcGFuPjxici8+CiAgICAgICAgICA8c3Bhbj5TSURFQkFSIFRFWFQ8 L3NwYW4+PGJyLz4KICAgICAgICAgIDxzcGFuPlNJREVCQVIgVEVYVDwvc3Bhbj48YnIvPgogICAg ICAgICAgPHNwYW4+U0lERUJBUiBURVhUPC9zcGFuPjxici8+CiAgICAgICAgICA8c3Bhbj5TSURF QkFSIFRFWFQ8L3NwYW4+PGJyLz4KICAgICAgICAgIDxzcGFuPlNJREVCQVIgVEVYVDwvc3Bhbj48 YnIvPgogICAgICAgICAgPHNwYW4+U0lERUJBUiBURVhUPC9zcGFuPjxici8+CiAgICAgICAgPC9k aXY+CiAgICAgIDwvZGl2PgoKICAgICAgPHNwYW4gc3R5bGU9ImN1cnNvcjpoYW5kOyIgb25jbGlj az0idG9nZ2xlKCkiPlRPR0dMRTwvc3Bhbj4KCiAgICAgIDxkaXYgc3R5bGU9Im1hcmdpbi1sZWZ0 OiAyMjBweDsgbWFyZ2luLXJpZ2h0OjRlbTsiPgogICAgICAgIDxkaXYgaWQ9InRvZ2dsZSI+CiAg ICAgICAgICA8cD4KdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFn YXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRo ZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJl IGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBw YXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBo cwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNl IGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxv bmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwogICAgICAgICAgPC9wPgo8cD4K dGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBh cmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25n IHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdh cGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhl c2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUg bG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBh cmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhz CnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2Ug YXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9u ZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFn YXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRo ZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJl IGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwo8L3A+CjxwPgp0aGVzZSBh cmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25n IHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdh cGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhl c2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUg bG9uZyBwYXJhZ2FwaHMKPC9wPgo8cD4KdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFy ZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcg cGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2Fw aHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVz ZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCjwvcD4KPHA+CnRo ZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJl IGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBw YXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBo cwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNl IGFyZSBsb25nIHBhcmFnYXBocwo8L3A+CjxwPgp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhl c2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUg bG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBh cmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhz CnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKPC9wPgo8 cD4KdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVz ZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBs b25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFy YWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMK dGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCjwvcD4KPHA+CnRoZXNlIGFyZSBsb25nIHBhcmFnYXBo cwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNl IGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxv bmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJh Z2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwo8 L3A+CjxwPgp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhz CnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKdGhlc2Ug YXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFnYXBocwp0aGVzZSBhcmUgbG9u ZyBwYXJhZ2FwaHMKdGhlc2UgYXJlIGxvbmcgcGFyYWdhcGhzCnRoZXNlIGFyZSBsb25nIHBhcmFn YXBocwp0aGVzZSBhcmUgbG9uZyBwYXJhZ2FwaHMKPC9wPgogICAgICA8L2Rpdj4KICAgICA8ZGl2 IGlkPSJzcGFjZXIiPjxwLz48L2Rpdj4KCiAgICAgPGRpdj4KICAgICAgICA8cD5TdHVmZiBhZnRl ciB0aGUgbG9uZyBwYXJhZ3JhcGhzLjwvcD4KICAgICAgICA8cD5TdHVmZiBhZnRlciB0aGUgbG9u ZyBwYXJhZ3JhcGhzLjwvcD4KICAgICAgICA8cD5TdHVmZiBhZnRlciB0aGUgbG9uZyBwYXJhZ3Jh cGhzLjwvcD4KICAgICA8L2Rpdj4KCiAgPC9kaXY+Cgo8L2JvZHk+CjwvaHRtbD4K