RESOLVED DUPLICATE of bug 7180 75798
jQuery width() function messes up a table layout 
https://bugs.webkit.org/show_bug.cgi?id=75798
Summary jQuery width() function messes up a table layout
romario333
Reported 2012-01-08 07:17:24 PST
When you try to get width of a table cell using jQuery library, you can sometimes mess up a table layout. Here is an example: http://jsfiddle.net/romario333/9bqhA/ I've been able to reproduce this bug on Google Chrome 16, Safari 5.1.2 and WebKit nightly build r104398. IE 7-9 and Firefox 8 do not have this problem. I've created reduction of this bug (attached). This is sequence of steps leading to the problem (extracted from jQuery's code): 1) Set cell's display to "block" 2) Set cell's position to "absolute". 3) Call elem.offsetWidth. 4) Set cell's display to "table-cell" and position to "".
Attachments
reduction (698 bytes, text/html)
2012-01-08 07:18 PST, romario333 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
romario333
Comment 1 2012-01-08 07:18:09 PST
Created attachment 121579 [details] reduction
Julien Chaffraix
Comment 2 2012-01-24 08:45:47 PST
This bug has the same root cause as 7180. The idea is that we leave crufts in our RenderTree that confuses our layout algorithm. Merging those 2 issues together for fixing. *** This bug has been marked as a duplicate of bug 7180 ***
Note You need to log in before you can comment on or make changes to this bug.