Bug 241315 - Implement legacy flexbox as modern flexbox aliases
Summary: Implement legacy flexbox as modern flexbox aliases
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-06-05 03:20 PDT by Tim Nguyen (:ntim)
Modified: 2022-06-07 07:47 PDT (History)
5 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 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).