I made a minimal test case which demonstrates making a table row's height mangled after insertRow(), insertBefore() or setting style.height. test case URL: http://kita.ddns.us/table_test.htm This report was originally sent to Chromium issue tracker ( http://code.google.com/p/chromium/issues/detail?id=5910 ), and one of the Chromium member confirmed that Safari shows the same problem, and suggested that the problem could be WebKit engine's issue. What steps will reproduce the problem? 1. Create a table with multiple rows. 2. Specify the height of the rows with class or inline or attribute. 3. Insert a new row into the table with insertRow() or insertBefore() What is the expected result? A new row will be inserted into the table. The other rows should remain intact. What happens instead? Including newly inserted row, all the rows in the table collapse and show strange "height behavior" - ignore all of these: class height, inline height, attribute height or new height set by Javascript.
Created attachment 26343 [details] mangling table row height with javascript - minital test case
Hi, I have the following analysis on this bug.Kindly guide me if I am wrong in my approach. The table row height gets mixed up somehow and loses its values by the time it is rendered in the addCell() function of the rendertablesection.cpp.I tried fixing this by getting the style height once again in this function and setting the row height and then afterwards it works fine.Let me know if this proposal can be used to fix this bug.
Created attachment 194863 [details] Another test case for this bug, using CSS classes instead of real tables. I am adding another test case that uses CSS classes instead of real tables and also reproduces what I think could be the same bug. The table gets completely screwed after using insertBefore to add a new row group. It fails both on chrome and safari.
This is working the same in all browsers.