<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><span class="vcard"><a class="email" href="mailto:josh@joshuablauvelt.com" title="Josh Blauvelt <josh@joshuablauvelt.com>"> <span class="fn">Josh Blauvelt</span></a>
</span> changed
<a class="bz_bug_link
bz_status_UNCONFIRMED "
title="UNCONFIRMED - Cannot override display:table-cell on td or display:table on table."
href="https://bugs.webkit.org/show_bug.cgi?id=38527">bug 38527</a>
<br>
<table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>What</th>
<th>Removed</th>
<th>Added</th>
</tr>
<tr>
<td style="text-align:right;">CC</td>
<td>
</td>
<td>josh@joshuablauvelt.com
</td>
</tr></table>
<p>
<div>
<b><a class="bz_bug_link
bz_status_UNCONFIRMED "
title="UNCONFIRMED - Cannot override display:table-cell on td or display:table on table."
href="https://bugs.webkit.org/show_bug.cgi?id=38527#c5">Comment # 5</a>
on <a class="bz_bug_link
bz_status_UNCONFIRMED "
title="UNCONFIRMED - Cannot override display:table-cell on td or display:table on table."
href="https://bugs.webkit.org/show_bug.cgi?id=38527">bug 38527</a>
from <span class="vcard"><a class="email" href="mailto:josh@joshuablauvelt.com" title="Josh Blauvelt <josh@joshuablauvelt.com>"> <span class="fn">Josh Blauvelt</span></a>
</span></b>
<pre>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: <a href="http://codepen.io/WebDevJoshB/pen/JYGBvB">http://codepen.io/WebDevJoshB/pen/JYGBvB</a>
Be sure to resize the browser a few times at those break points mentioned above.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>