UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce the problem:
1. Be crazy, and manually add display:table-cell styles to non-table cell, (undefined or defined) custom elements to in css. (e.g. `f-field > label:first-child { display: table-cell }`)
2. Load HTML first, then load a stylesheet with the table-cell styles
3. notice your table-cell elements do not align with each other as they should.

What is the expected behavior?
`display:table-cell` elements with the same child index inside `display:table-row` elements which share the same parent container should resize to the width of the largest of the set, even if they are custom elements and the styles are applied after the initial dom content is loaded.

What went wrong?
the `display:table-cell` elements (f-field > label) within the `display:table-row` elements (f-field) did not resize to match the width of the widest element when the stylesheet was applied.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 61.0.3163.100  Channel: stable
OS Version: 4.11.9-1-ARCH
Flash Version: 27.0.0.130

A known work-around for this problem is to remove the problem elements or some ancestor from the DOM, and re-add them immediately.
 

Deleted: tablecells.html 2.9 KB

tablecells.html 2.9 KB View Download