vertikaler Schieberegler

[Rolf B]

Hallo Jonathan,

mit der Breite habe ich keinen Erfolg gehabt. Der Slider ist senkrecht, also habe ich es mit der Höhe probiert. Und siehe da: mache ich ihn höher, wird der Snap-Radius kleiner. Und zwar "Radius" im Sinne von Slider-Einstellwerden. Offensichtlich wird der Snapradius nicht basierend auf den Sliderwerten bestimmt, sondern basierend auf einem Pixelabstand von der Tick-Linie. Ist mein vertikaler Slider 700px hoch, kann ich Werte wie 149 cm einstellen. Bei 600px geht's noch nicht.

Das einzige, was „hilft“, ist, dem input das list-Attribut wegzunehmen und die Tickmarks in den option-Elementen zu simulieren. Am einfachsten mit einem ::before { content: '-'; } - aber das ist auch wieder kontraproduktiv wenn ein Screenreader die Minuszeichen mit liest. Ein background-gradient, der einen Strich generiert, hat das Problem nicht, aber dann hängt man am Fliegenfänger des Fonts - sobald sich Font-Family oder -Size ändern, passt es mit ziemlicher Sicherheit nicht mehr.

Rolf