Bug 248182

Summary:	Support rendering non-native <meter> in vertical writing mode
Product:	WebKit	Reporter:	Di <dizhangg>
Component:	Forms	Assignee:	Tim Nguyen (:ntim) <ntim>
Status:	RESOLVED FIXED
Severity:	Normal	CC:	cdumez, ntim, simon.fraser, webkit-bug-importer, wenson_hsieh, zalan
Priority:	P2	Keywords:	InRadar
Version:	Safari 16
Hardware:	All
OS:	All
Bug Depends on:
Bug Blocks:	245355

Description Di 2022-11-21 10:40:49 PST

For <meter> elements, we should use `block-size: 1em` instead of `height: 1em` and `inline-size: 5em` instead of `width: 5em`.
This change will not affect existing behavior for horizontal writing mode (the specced behavior) and help support vertical writing mode.

See spec PR: https://github.com/whatwg/html/pull/8536

WPT tests:
css/css-writing-modes/meter-appearance-native-computed-style.optional.html
css/css-writing-modes/meter-appearance-native-horizontal.optional.html
css/css-writing-modes/meter-appearance-native-vertical.optional.html

Related to bug 247754.

Comment 1 Radar WebKit Bug Importer 2022-11-21 21:42:24 PST

<rdar://problem/102595455>

Comment 2 Tim Nguyen (:ntim) 2023-03-30 12:32:14 PDT

Pull request: https://github.com/WebKit/WebKit/pull/12193

Comment 3 EWS 2023-03-31 04:00:23 PDT

Committed 262395@main (f486be28a101): <https://commits.webkit.org/262395@main>

Reviewed commits have been landed. Closing PR #12193 and removing active labels.