Bug 245516

Summary:	legend element does not compute flex as value for display property
Product:	WebKit	Reporter:	Alexander <carrots.profuse.0b>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED CONFIGURATION CHANGED
Severity:	Normal	CC:	ahmad.saleem792, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari 16
Hardware:	Mac (Intel)
OS:	macOS 12
See Also:	https://bugs.webkit.org/show_bug.cgi?id=116031

Description Alexander 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.

Comment 1 Alexander 2022-09-22 00:54:59 PDT

I created an example on CodePen: https://codepen.io/alexerlandsson/pen/PoeKBvG.

Comment 2 Radar WebKit Bug Importer 2022-09-29 00:54:17 PDT

<rdar://problem/100548273>

Comment 3 Ahmad Saleem 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!

Comment 4 Alexander 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!