[Webkit-unassigned] [Bug 38527] Cannot override display:table-cell on td or display:table on table.

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=38527

Josh Blauvelt <josh at joshuablauvelt.com> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |josh at joshuablauvelt.com

--- Comment #5 from Josh Blauvelt <josh at joshuablauvelt.com> ---
This is still a bug in responsive design. It wasn't an issue for me until the last Chrome update 45.0.2454.85. I do have a doctype declared, and the problem still exists.

For mobile, I have my code and CSS to display a table's table-cells as intended on mobile landscape view (media query: less than 599px wide), but for mobile portrait (media query: less than 480px), table cells are set to display:block and width:100%.

Initially when the page loads, everything works, but if you switch from portrait to landscape back to portrait, or if you're in a web browser and keep resizing your screen at those responsive breakpoints, the portrait tables will appear as a hybrid of display:table-cell and display:block. I have no other CSS overriding the section, and when using Dev Tools to check the styles, the useragent overrides the display setting to table-cell.

I created a codepen for this: http://codepen.io/WebDevJoshB/pen/JYGBvB

Be sure to resize the browser a few times at those break points mentioned above.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20150915/fdd11a1b/attachment-0001.html>