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 | ||
Alexander
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
I created an example on CodePen: https://codepen.io/alexerlandsson/pen/PoeKBvG.
Radar WebKit Bug Importer
<rdar://problem/100548273>
Ahmad Saleem
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
(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!