range-input-appearance-native-vertical.optional.html (750B)
1 <!DOCTYPE html> 2 <link rel="author" title="Tim Nguyen" href="https://github.com/nt1m"> 3 <link rel="help" href="https://html.spec.whatwg.org/#range-state-(type=range)"> 4 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#block-flow"> 5 <title>native input[type=range] in vertical writing mode</title> 6 <meta charset="utf-8"> 7 <link rel="mismatch" href="range-input-appearance-native-horizontal.optional.html"> 8 <link rel="mismatch" href="range-input-appearance-none-horizontal.optional.html"> 9 10 <!-- Note test description should be the same across all files to mismatch on. --> 11 <p>The range input below should match the correct writing mode & direction.</p> 12 <input type="range" min="0" max="100" value="10" style="writing-mode: vertical-rl">