Bug 247754 - Support rendering non-native <progress> in vertical writing mode
Summary: Support rendering non-native <progress> in vertical writing mode
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 16
Hardware: Unspecified All
: P2 Normal
Assignee: Tim Nguyen (:ntim)
URL:
Keywords: InRadar
Depends on:
Blocks: 245355
  Show dependency tree / graph
 
Reported: 2022-11-10 11:26 PST by Di
Modified: 2023-03-30 10:00 PDT (History)
7 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 Di 2022-11-10 11:26:20 PST 
For <progress> elements, we should use `block-size: 1em` instead of `height: 1em` and `inline-size: 10em` instead of `width: 10em`.
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/8471

WPT tests:
css/css-writing-modes/progress-appearance-native-computed-style.optional.html
css/css-writing-modes/progress-appearance-native-horizontal.optional.html
css/css-writing-modes/progress-appearance-native-vertical.optional.html
css/css-writing-modes/progress-appearance-none-horizontal.optional.html
css/css-writing-modes/progress-appearance-none-vertical.optional.html
https://wpt.fyi/results/css/css-writing-modes?label=master&label=experimental&aligned&view=subtest&q=css%2Fcss-writing-modes%2Fprogress
Comment 1 Radar WebKit Bug Importer 2022-11-17 11:27:16 PST 
<rdar://problem/102477867>
Comment 2 Tim Nguyen (:ntim) 2022-11-22 16:19:45 PST 
Pull request: https://github.com/WebKit/WebKit/pull/6747
Comment 3 EWS 2023-03-30 10:00:40 PDT 
Committed 262336@main (fd4ac798e708): <https://commits.webkit.org/262336@main>

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