75798 2012-01-08 07:17:24 -0800 jQuery width() function messes up a table layout 2012-01-24 08:45:47 -0800 1 1 1 Unclassified WebKit Tables 528+ (Nightly build) All All RESOLVED DUPLICATE 7180 HasReduction P2 Normal --- 1 romario333 webkit-unassigned jchaffraix oldest_to_newest 531752 0 romario333 2012-01-08 07:17:24 -0800 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 "". 531753 1 121579 romario333 2012-01-08 07:18:09 -0800 Created attachment 121579 reduction 541357 2 jchaffraix 2012-01-24 08:45:47 -0800 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 *** 121579 2012-01-08 07:18:09 -0800 2012-01-08 07:18:09 -0800 reduction table-layout-bug.html text/html 698 romario333 PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjAgU3RyaWN0Ly9FTiIK CSJodHRwOi8vd3d3LnczLm9yZy9UUi94aHRtbDEvRFREL3hodG1sMS1zdHJpY3QuZHRkIj4KPGh0 bWwgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIHhtbDpsYW5nPSJlbiIgbGFu Zz0iZW4iPgoKPGhlYWQ+Cgk8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgp0ZCB7CiAgICBiYWNrZ3Jv dW5kLWNvbG9yOiBsaWdodGdyYXk7Cn0JCgk8L3N0eWxlPgo8Ym9keT4KCQpUaGlzIHRhYmxlIHNo b3VsZCBoYXZlIGp1c3Qgb25lIGNvbHVtbjoKCjx0YWJsZSBzdHlsZT0id2lkdGg6IDEwMCU7Ij4K ICAgIDx0cj4KICAgICAgICA8dGQ+eDwvdGQ+CiAgICA8L3RyPgogICAgPHRyPgogICAgICAgIDx0 ZCBpZD0nZml4bWUnPng8L3RkPgogICAgPC90cj4KPC90YWJsZT4JCgo8c2NyaXB0IHR5cGU9InRl eHQvamF2YXNjcmlwdCI+Cgl2YXIgZWxlbSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJmaXht ZSIpOwoJZWxlbS5zdHlsZS5kaXNwbGF5ID0gImJsb2NrIjsKCWVsZW0uc3R5bGUucG9zaXRpb24g PSAiYWJzb2x1dGUiOwoKCWVsZW0ub2Zmc2V0V2lkdGg7CgoJZWxlbS5zdHlsZS5kaXNwbGF5ID0g InRhYmxlLWNlbGwiOwkKCWVsZW0uc3R5bGUucG9zaXRpb24gPSAiIjsKPC9zY3JpcHQ+CgkKPC9i b2R5PgoKPC9odG1sPgo=