whatwg/html

Tooltips of `vertical-lr` and `rtl` input range are backwards

Opened this issue · 1 comments

What is the issue with the HTML Standard?

Hello,

I have a problem with vertical range sliders: the tooltip text is written backwards.

Based on the article Creating vertical form controls, I've created a vertical range slider: jsbin

<form>
  <input type="range" value="42" title="42 %" />
</form>
input[type="range"] {
  writing-mode: vertical-lr;
  direction: rtl;
}

screenshot

But the text in the tooltip is written backwards (expected: 42 %). I think it's because the direction: rtl also applies to the tooltip.

This comment reports a similar problem (which has been fixed): the orientation of the tooltip is changed.

This would require solving w3c/csswg-drafts#9832.