Bug 247754
| Summary: | Support rendering non-native <progress> in vertical writing mode | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Di <dizhangg> |
| Component: | Forms | Assignee: | Tim Nguyen (:ntim) <ntim> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | akeerthi, cdumez, ntim, simon.fraser, webkit-bug-importer, wenson_hsieh, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 16 | ||
| Hardware: | Unspecified | ||
| OS: | All | ||
| Bug Depends on: | |||
| Bug Blocks: | 245355 | ||
Di
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/102477867>
Tim Nguyen (:ntim)
Pull request: https://github.com/WebKit/WebKit/pull/6747
EWS
Committed 262336@main (fd4ac798e708): <https://commits.webkit.org/262336@main>
Reviewed commits have been landed. Closing PR #6747 and removing active labels.