nostyle icon indicating copy to clipboard operation
nostyle copied to clipboard

Stepper touch improvement

Open robinpoort opened this issue 4 years ago • 1 comments

Hi there

Just saw your form design system in the Smashing newsletter. Checked it on mobile and thought I'd let you know that adding touch-action: manipulation; to the stepper component drastically improves the user experience since tapping on the - or + button multiple times in a row will most likely trigger a browser zoom (it will see this as a double-tap).

There is 90% browser support and no problem if older browsers will ignore this: https://caniuse.com/?search=touch-action https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

robinpoort avatar Jun 08 '21 12:06 robinpoort

That's super helpful, thank you @robinpoort.

adamsilver avatar Dec 16 '22 18:12 adamsilver