Bug 245516 - legend element does not compute flex as value for display property
Summary: legend element does not compute flex as value for display property
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 16
Hardware: Mac (Intel) macOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-09-22 00:53 PDT by Alexander
Modified: 2022-12-14 23:04 PST (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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!