In touch screen responsive devices, if I click outside the checkbox or radio button (within approx. 8px area) checkbox and radio buttons are toggled from outside area also. This is happening only in case of responsive touch devices. It is totally working fine in desktop. The issue is of native html form elements and it exist everywhere. I checked it on bootstrap website and some other sites as well.
If someone have any solution to reduce this clickable area. Please suggest. It would be really appreciable.
Steps to check this issue :
- Open Bootstrap website and navigate to checkboxes : https://getbootstrap.com/docs/4.3/components/input-group/#checkboxes-and-radios
- Open the developer console. Switch to responsive view in emulator
- Try to click outside the checkbox
- Checkbox is clickable from outside area also. I want to reduce that area.
Aucun commentaire:
Enregistrer un commentaire