Bug 134295 - Changing display from 'table-row' to 'table-cell' leads to cells falling out of alignment
Summary: Changing display from 'table-row' to 'table-cell' leads to cells falling out ...
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2014-06-25 03:47 PDT by colons
Modified: 2016-09-01 04:27 PDT (History)
2 users (show)

See Also:

Attachments
An HTML document that exhibits the described behaviour. (1.21 KB, text/html)
2014-06-25 03:47 PDT, colons 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description colons 2014-06-25 03:47:15 PDT 
Created attachment 233801 [details]
An HTML document that exhibits the described behaviour.

If you load up the attached HTML in webkit and resize your browser window repeatedly above and below the 800px boundary, the table cells increasingly fall out of line with where they should be.

Chrome has a similar, possibly related behaviour where each crossing of the threshold moves the cells one place to the right. Nothing especially weird happens in Gecko.

Can reproduce in current nightly and in current stable Safari (7.0.4)
Comment 1 colons 2014-06-27 15:01:36 PDT 
The analogous Chromium bug: https://code.google.com/p/chromium/issues/detail?id=389129
Comment 2 colons 2014-09-16 14:11:37 PDT 
Fixed in Chrome. The pseudo-elements have nothing to do with it; see the comments for details.
Comment 3 colons 2016-09-01 04:27:07 PDT 
This appears not to be an issue any more in WebKit 12603.1.2.