Bug 113839 - Display: switching from display:block to display: table-cell getting confused on window resize when using media queries
Summary: Display: switching from display:block to display: table-cell getting confused...
Status: UNCONFIRMED
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: http://jsbin.com/iliniw/1/edit
Keywords:
Depends on:
Blocks:
 
Reported: 2013-04-02 17:33 PDT by Mohsen
Modified: 2016-02-18 23:50 PST (History)
1 user (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Mohsen 2013-04-02 17:33:58 PDT
Chrome Version       : 27.0.1454.0 (Official Build 190834) canary
URLs (if applicable) : http://jsbin.com/iliniw/1/edit
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
     Safari 5: FAIL
  Firefox 4.x: OK
       IE 7/8/9:  only tested in IE8: FAIL
       Safari 6: FAIL

What steps will reproduce the problem?
1. Go to this URL: http://jsbin.com/iliniw/1/edit
2. Resize the preview window to make it narrow (less than 500px)
3. Resize the preview window to make it wide (more than 500px)

What is the expected result?
columns should show up next to each other with similar width 

What happens instead?
first column is wider and other two columns are smaller

Please provide any additional information below. Attach a screenshot if
possible.

Seems like it's a webkit bug.

I've filed a similar bug in bug in Chromium project.  https://code.google.com/p/chromium/issues/detail?id=225946
Comment 1 Chris Rebert 2016-02-18 23:50:10 PST
Presumably a duplicate of bug 138167.