Bug 264015

Summary:

Add overflow:auto scrollbars to child flex basis.

Product:

WebKit

Reporter:

Ahmad Saleem <ahmad.saleem792>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

karlcow, sgill26, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

WebKit Nightly Build

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
rendering in safari, firefox, chrome	none
Safari vs Other browsers	none

Description Ahmad Saleem 2023-10-31 17:13:41 PDT

Hi Team,

While going through Blink's test case, I came across another failing test case:

Test Case: https://jsfiddle.net/9qpag20y/show

^ Safari Technology Preview 181 fails and Firefox Nightly 121 as well, while Chrome Canary 121 pass all subject tests.

Blink Commit: https://chromium.googlesource.com/chromium/blink/+/b85b175a4c4cc01ad4bec2ef9891f6c2136edb17

___

When a block inside an horizontal flexbox adds vertical scrollbars due to overflow, the parent flexbox should re-flex based on the child size including scrollbars.

____

Just wanted to raise so we can fix it.

Thanks!

Comment 1 Radar WebKit Bug Importer 2023-11-07 16:14:14 PST

<rdar://problem/118086436>

Comment 2 Karl Dubost 2023-11-20 04:16:53 PST

Created attachment 468674 [details]
rendering in safari, firefox, chrome

Ahmad,

I have an identical result.

Safari Technology Preview  182           19618.1.4.1
Firefox Nightly            121.0a1       12123.11.19
Google Chrome Canary       121.0.6137.0  6137.0

2 PASS, 1 FAIL

Comment 3 Ahmad Saleem 2023-11-23 09:34:35 PST

Created attachment 468744 [details]
Safari vs Other browsers

I get this from attached test case across all browsers.