RESOLVED CONFIGURATION CHANGED 245516
legend element does not compute flex as value for display property 
https://bugs.webkit.org/show_bug.cgi?id=245516
Summary legend element does not compute flex as value for display property
Alexander
Reported 2022-09-22 00:53:59 PDT
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.
Attachments
Add attachment proposed patch, testcase, etc.
Alexander
Comment 1 2022-09-22 00:54:59 PDT
I created an example on CodePen: https://codepen.io/alexerlandsson/pen/PoeKBvG.
Radar WebKit Bug Importer
Comment 2 2022-09-29 00:54:17 PDT
<rdar://problem/100548273>
Ahmad Saleem
Comment 3 2022-12-14 14:41:31 PST
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!
Alexander
Comment 4 2022-12-14 23:04:24 PST
(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!
Note You need to log in before you can comment on or make changes to this bug.