245516 2022-09-22 00:53:59 -0700 legend element does not compute flex as value for display property 2022-12-14 23:04:24 -0800 1 1 1 Unclassified WebKit CSS Safari 16 Mac (Intel) macOS 12 RESOLVED CONFIGURATION CHANGED https://bugs.webkit.org/show_bug.cgi?id=116031 InRadar P2 Normal --- 1 carrots.profuse.0b webkit-unassigned ahmad.saleem792 simon.fraser webkit-bug-importer zalan oldest_to_newest 1900325 0 carrots.profuse.0b 2022-09-22 00:53:59 -0700 Overview The legend element does compute `display: block;` when `display: flex;` is set. The styles attributes seems to be set correctly (no errors or warnings), but the element's computed display style is still set to `block`. Steps to reproduce Set `display: flex;` to a legend element and open the inspector. The applied styles and computed styles does not match. Actual result The `display: flex;` attribute gets overwritten with `display: block`. Expected result The legend element should have `display: flex` applied. Build Date & Hardware I discovered this 2022-09-22 in Safari 16 on macOS 12.6. I've tested in Safari 16 on macOS 12.6 and Safari on iOS 16.0 and `display: flex;` is ignored in both cases. 1900326 1 carrots.profuse.0b 2022-09-22 00:54:59 -0700 I created an example on CodePen: https://codepen.io/alexerlandsson/pen/PoeKBvG. 1901977 2 webkit-bug-importer 2022-09-29 00:54:17 -0700 <rdar://problem/100548273> 1919317 3 ahmad.saleem792 2022-12-14 14:41:31 -0800 Working fine now in Safari Technology Preview 160 and matches with Chrome Canary 110 and Firefox Nightly 110. Marking this as "RESOLVED CONFIGURATION CHANGED". Thanks! 1919469 4 carrots.profuse.0b 2022-12-14 23:04:24 -0800 (In reply to Ahmad Saleem from comment #3) > Working fine now in Safari Technology Preview 160 and matches with Chrome > Canary 110 and Firefox Nightly 110. > > Marking this as "RESOLVED CONFIGURATION CHANGED". Thanks! I've verified it in Safari Technology Preview 160 and everything looks fine. Thank you!