Bug 267760

Summary:

Incorrect layout rendering involving flex box, vw units, svg.

Product:

WebKit

Reporter:

maximuse.chern

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

bfulgham, karlcow, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

BrowserCompat, InRadar

Version:

WebKit Nightly Build

Hardware:

Mac (Intel)

OS:

macOS 14

Attachments:

Description	Flags
Top is Safari showing the issue. Bottom is Chrome as expected.	none

maximuse.chern

Reported 2024-01-19 04:31:30 PST

Created attachment 469456 [details] Top is Safari showing the issue. Bottom is Chrome as expected. Codesandbox: https://codesandbox.io/s/flexbox-bug-safari-5nswyy I expect the svg element to reserve horizontal space in the flexbox layout. Chrome renders as expected. Safari allocates 0 width.

Attachments
Top is Safari showing the issue. Bottom is Chrome as expected. (2.02 MB, image/png) 2024-01-19 04:31 PST, maximuse.chern	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2024-01-26 04:32:15 PST

<rdar://problem/121657413>

Karl Dubost

Comment 2 2024-02-09 02:07:59 PST

Firefox and Chrome share the same behavior. Safari is different indeed. flex: 1 -> flex: 1 1 0% flex: initial -> flex: 0 1 auto I wonder if there is a simpler testcase to reproduce this.

Note You need to log in before you can comment on or make changes to this bug.