Tooltips of `vertical-lr` and `rtl` input range are backwards
Opened this issue · 1 comments
regseb commented
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 commented
This would require solving w3c/csswg-drafts#9832.