Bug 241315

Summary:	Implement legacy flexbox as modern flexbox aliases
Product:	WebKit	Reporter:	Tim Nguyen (:ntim) <ntim>
Component:	Layout and Rendering	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	bfulgham, gsnedders, simon.fraser, webkit-bug-importer, zalan
Priority:	P2	Keywords:	InRadar
Version:	WebKit Nightly Build
Hardware:	Unspecified
OS:	Unspecified

Description Tim Nguyen (:ntim) 2022-06-05 03:20:48 PDT

It's worth investigating if legacy flexbox properties (display: -webkit-box) can be implemented as aliases of modern flexbox properties (display: flex).

Firefox does this, and I think Chrome might as well with their new layout engine.

For reference: https://compat.spec.whatwg.org/#css-property-mappings

Comment 1 Radar WebKit Bug Importer 2022-06-05 03:20:55 PDT

<rdar://problem/94402309>

Comment 2 Sam Sneddon [:gsnedders] 2022-06-06 06:00:37 PDT

They're not actually aliases; see https://github.com/whatwg/compat/issues/87.

Comment 3 zalan 2022-06-06 06:14:44 PDT

line clamping is a RenderDeprecatedFlexibleBox only feature.

Comment 4 Sam Sneddon [:gsnedders] 2022-06-07 07:47:43 PDT

(In reply to zalan from comment #3)
> line clamping is a RenderDeprecatedFlexibleBox only feature.

See https://groups.google.com/a/chromium.org/g/blink-dev/c/SVD5wSqVwKU/m/eY28UiNkAwAJ for what Chromium has done there; essentially their deprecated flexbox implementation is actually their line clamp implementation (and only used in that case, and many of the properties no longer exist there).