input type=range orient=vertical sampler

#40771908 Filed 2021-06-11 New / P4 / S5

Repro

Bug

<input type="range" orient="vertical"> should be rendered as a vertical slider. A broken build renders it horizontally.

The sampler below measures each slider's rendered box. It passes when the vertical case has height greater than width.

Control

Default range

Reported markup

orient=vertical

Existing CSS path

writing-mode fallback

Minimal test case

<input type="range" orient="vertical" min="0" max="100" value="40">
Chromium issue