Tooltips of vertical-lr and rtl input range are backwards

[regseb]

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;
}

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.

[annevk]

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