select-appearance-writing-mode-vertical-rl-ref.html

<!DOCTYPE html>
<link rel=stylesheet href="resources/stylable-select-styles.css">
<script src="resources/stylable-select-utils.js"></script>

<style>
html {
  writing-mode: vertical-rl;
}
</style>

<div id=container class=stylable-select-container>
  <button class="stylable-select-button open" popovertarget=popover id=button>
    <span class=stylable-select-selectedoption>one</span>
  </button>
  <div id=popover popover=auto anchor=container class=stylable-select-datalist>
    <div class="stylable-select-option selected">one</div>
    <div class=stylable-select-option>two</div>
  </div>
</div>

<script>
document.getElementById('popover').showPopover();
</script>

chromium/third_party/blink/web_tests/wpt_internal/html/semantics/forms/the-select-element/stylable-select/select-appearance-writing-mode-vertical-rl-ref.html