User-select

Jeroen Matthijs van der Wiel | 26-10-2020

.slider > .slider_text,
a { user-select: none; }

De kat heeft voor de zoveelste keer zijn nagels in jouw favoriete trui gezet en met dit aantal gaten erin kan jij echt niet meer over straat.
Licht geïrriteerd open je Chrome (óf Safari) op de telefoon en navigeer je naar de webshop waar de trui is gekocht om een nieuwe te bestellen.

Maar in plaats van “in het winkelmandje” te klikken selecteer je de tekst in de knop, de frustratie neemt toe, wellicht is dit niet jouw dag.

We kennen het allemaal, teksten in knoppen of sliders die, meestal gepaard met de flinke ergernis, geselecteerd worden in plaats van wat je verwacht. Gelukkig is dit vrij simpel op te lossen met user-select, door deze op “none” te zetten is de gebruiker niet in staat om de content van het element te selecteren, de tekst in de knop blijft doen wat jij wilt en de nieuwe lievelingstrui zit in de winkelmand.

Ben jij developer? Dan is user-select zeker het proberen waard! Geen developer, maar wel slachtoffer? Verwijs de klantenservice dan naar dit artikel, en knip de nagels van jouw viervoeter.