[bug] Radio buttons show inconsistent state when using iPhone
Author: mato-aCreated May 23, 2025Updated Jul 21, 2025
Labelsbuggood first issue
Describe the bug
Radio buttons show inconsistent state when using iPhone.
To Reproduce
- Go to https://shoelace.style/components/radio-button
- Select one button using touch. Then using touch, press on the second button and move finger slightly before releasing the touch.
- The selected state becomes inconsistent, two buttons show they are selected when it should be only possible to select one button.
It is also possible to reproduce this bug using Chrome dev tools - device toolbar - simulating touch.
Screenshots
Browser / OS
- OS: iPhone SE 2022
- Browser: Safari latest
or
- OS: Windows 11
- Browser: Chrome latest, device toolbar
Possible cause
Maybe there is some conflict with scroll events. It seems that this issue happens when by moving slightly over button the scroll starts to happen and then when touch is released it means stopping of scrolling and touch release event might not be registered by the radio button component.
Source: shoelace-style/shoelace