Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use correct properties for meter element thickness #8536

Merged
merged 1 commit into from
Nov 22, 2022

Conversation

dizhang168
Copy link
Contributor

@dizhang168 dizhang168 commented Nov 21, 2022

In Meter Element's description of how to render native appearance [1], 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).

(See WHATWG Working Mode: Changes for more details.)

The choice to support writing-mode is left to the UA [2]. Blink would like to enable writing-mode vertical for control forms, including the Meter element. The changes proposed in this PR will be correct for both writing mode vertical and horizontal. For more implementation details, see chromium CL [3].

Note: This change is similar to PR #8471, which was meant for the Progress element.

[1] https://html.spec.whatwg.org/multipage/rendering.html#the-meter-element-2
[2] https://drafts.csswg.org/css-ui-4/#appearance-switching:~:text=User%20agents%20may%20disregard%20some%20CSS%20properties%20on%20widgets%20rendered
[3] https://chromium-review.googlesource.com/c/chromium/src/+/4024368


/rendering.html ( diff )

chromium-wpt-export-bot pushed a commit to web-platform-tests/wpt that referenced this pull request Nov 21, 2022
This CL allows <meter> element to have writing-mode vertical for the
native appearance. Currently, Chrome doesn't render the <meter>
element if appearance is set to none [1]. This change is under the flag
FormControlsVerticalWritingModeSupport.

Opened a github PR to update HTML spec [2].

[1] crbug.com/632510
[2] whatwg/html#8536

Change-Id: I68155f146b1608587ad4facb0918b9c054114976
Bug: 681917
Copy link
Member

@domenic domenic left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work! The PR template seems fully filled out, and the tests look complete, so I'll go ahead and merged this.

@domenic domenic merged commit 6ff86f1 into whatwg:main Nov 22, 2022
chromium-wpt-export-bot pushed a commit to web-platform-tests/wpt that referenced this pull request Nov 22, 2022
This CL allows <meter> element to have writing-mode vertical for the
native appearance. Currently, Chrome doesn't render the <meter>
element if appearance is set to none [1]. This change is under the flag
FormControlsVerticalWritingModeSupport.

Opened a github PR to update HTML spec [2].

[1] crbug.com/632510
[2] whatwg/html#8536

Change-Id: I68155f146b1608587ad4facb0918b9c054114976
Bug: 681917
chromium-wpt-export-bot pushed a commit to web-platform-tests/wpt that referenced this pull request Nov 23, 2022
This CL allows <meter> element to have writing-mode vertical for the
native appearance. Currently, Chrome doesn't render the <meter>
element if appearance is set to none [1]. This change is under the flag
FormControlsVerticalWritingModeSupport.

Opened a github PR to update HTML spec [2].

[1] crbug.com/632510
[2] whatwg/html#8536

Change-Id: I68155f146b1608587ad4facb0918b9c054114976
Bug: 681917
aarongable pushed a commit to chromium/chromium that referenced this pull request Nov 29, 2022
This CL allows <meter> element to have writing-mode vertical for the
native appearance. Currently, Chrome doesn't render the <meter>
element if appearance is set to none [1]. This change is under the flag
FormControlsVerticalWritingModeSupport.

Opened a github PR to update HTML spec [2].

[1] crbug.com/632510
[2] whatwg/html#8536

Change-Id: I68155f146b1608587ad4facb0918b9c054114976
Bug: 681917
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4024368
Commit-Queue: Di Zhang <dizhangg@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1076534}
chromium-wpt-export-bot pushed a commit to web-platform-tests/wpt that referenced this pull request Nov 29, 2022
This CL allows <meter> element to have writing-mode vertical for the
native appearance. Currently, Chrome doesn't render the <meter>
element if appearance is set to none [1]. This change is under the flag
FormControlsVerticalWritingModeSupport.

Opened a github PR to update HTML spec [2].

[1] crbug.com/632510
[2] whatwg/html#8536

Change-Id: I68155f146b1608587ad4facb0918b9c054114976
Bug: 681917
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4024368
Commit-Queue: Di Zhang <dizhangg@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1076534}
chromium-wpt-export-bot pushed a commit to web-platform-tests/wpt that referenced this pull request Nov 29, 2022
This CL allows <meter> element to have writing-mode vertical for the
native appearance. Currently, Chrome doesn't render the <meter>
element if appearance is set to none [1]. This change is under the flag
FormControlsVerticalWritingModeSupport.

Opened a github PR to update HTML spec [2].

[1] crbug.com/632510
[2] whatwg/html#8536

Change-Id: I68155f146b1608587ad4facb0918b9c054114976
Bug: 681917
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4024368
Commit-Queue: Di Zhang <dizhangg@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1076534}
moz-v2v-gh pushed a commit to mozilla/gecko-dev that referenced this pull request Dec 11, 2022
… vertical for native appearance, a=testonly

Automatic update from web-platform-tests
Allow Meter element to have writing mode vertical for native appearance

This CL allows <meter> element to have writing-mode vertical for the
native appearance. Currently, Chrome doesn't render the <meter>
element if appearance is set to none [1]. This change is under the flag
FormControlsVerticalWritingModeSupport.

Opened a github PR to update HTML spec [2].

[1] crbug.com/632510
[2] whatwg/html#8536

Change-Id: I68155f146b1608587ad4facb0918b9c054114976
Bug: 681917
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4024368
Commit-Queue: Di Zhang <dizhangg@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1076534}

--

wpt-commits: 3765a636c09179bd0ba95bcecfd42be312a7ebc9
wpt-pr: 37056
jamienicol pushed a commit to jamienicol/gecko that referenced this pull request Dec 14, 2022
… vertical for native appearance, a=testonly

Automatic update from web-platform-tests
Allow Meter element to have writing mode vertical for native appearance

This CL allows <meter> element to have writing-mode vertical for the
native appearance. Currently, Chrome doesn't render the <meter>
element if appearance is set to none [1]. This change is under the flag
FormControlsVerticalWritingModeSupport.

Opened a github PR to update HTML spec [2].

[1] crbug.com/632510
[2] whatwg/html#8536

Change-Id: I68155f146b1608587ad4facb0918b9c054114976
Bug: 681917
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4024368
Commit-Queue: Di Zhang <dizhangg@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1076534}

--

wpt-commits: 3765a636c09179bd0ba95bcecfd42be312a7ebc9
wpt-pr: 37056
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

2 participants