Testcase: <!doctype html> <style> #a > span { display: table-cell; } </style> <div id=a> <span>a</span> <span>b</span> </div> <div id=b> <span>a</span> <span>b</span> </div> <style> #b > span { display: table-cell; } </style> The contents of #a and #b should be identical, as they have identical structure and identical CSS applied to them - the two spans should be wrapped in an anonymous table box. Instead, #b generates *two* anonymous table boxes, one for each span. This is an error.
(In reply to Tab Atkins from comment #0) > Testcase: > <!doctype html> > <style> > #a > span { display: table-cell; } > </style> > <div id=a> > <span>a</span> > <span>b</span> > </div> > <div id=b> > <span>a</span> > <span>b</span> > </div> > <style> > #b > span { display: table-cell; } > </style> > > The contents of #a and #b should be identical, as they have identical > structure and identical CSS applied to them - the two spans should be > wrapped in an anonymous table box. > > Instead, #b generates *two* anonymous table boxes, one for each span. This > is an error. In JSFiddle: https://jsfiddle.net/zr8thm5u/show (based of Comment 0), it seems to be same across Safari 17.2, Firefox Nightly 122 and Chrome Canary 122. Do we need anything more?