Blitz - WPT: range-input-appearance-none-horizontal.optional.html

wpt / css / css-writing-modes / forms / range-input-appearance-none-horizontal.optional.html

/css/css-writing-modes/forms/range-input-appearance-none-horizontal.optional.html

<!DOCTYPE html>
<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">
<link rel="help" href="https://html.spec.whatwg.org/#range-state-(type=range)">
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#block-flow">
<title>unstyled input[type=range] in horizontal writing mode</title>
<meta charset="utf-8">
<link rel="mismatch" href="range-input-appearance-none-vertical.optional.html">
<link rel="mismatch" href="range-input-appearance-native-vertical.optional.html">

<!-- Note test description should be the same across all files to mismatch on. -->
<p>The range input below should match the correct writing mode & direction.</p>
<input type="range" min="0" max="100" value="10" style="appearance: none;">

/css/css-writing-modes/forms/range-input-appearance-none-vertical.optional.html

<!DOCTYPE html>
<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">
<link rel="help" href="https://html.spec.whatwg.org/#range-state-(type=range)">
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#block-flow">
<title>unstyled input[type=range] in vertical writing mode</title>
<meta charset="utf-8">
<link rel="mismatch" href="range-input-appearance-none-horizontal.optional.html">
<link rel="mismatch" href="range-input-appearance-native-horizontal.optional.html">

<!-- Note test description should be the same across all files to mismatch on. -->
<p>The range input below should match the correct writing mode & direction.</p>
<input type="range" min="0" max="100" value="10" style="writing-mode: vertical-lr; appearance: none;">