-
Notifications
You must be signed in to change notification settings - Fork 13.4k
Closed
Labels
package: core@ionic/core package@ionic/core packagetype: buga confirmed bug reporta confirmed bug report
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v7.x
Current Behavior
Item adds margin to the start and end of the line which means that clicking those spaces causes form controls to not be interactive. In Ionic 6 we had a CSS hack to create an interactive element inside of the form control that covers the entire item:
ionic-framework/core/src/components/radio/radio.scss
Lines 65 to 67 in cb8f07c
input { | |
@include visually-hidden(); | |
} |
This resolves the issue for the end margin, but the start margin still was not interactive even in Ionic 6.
Expected Behavior
The checkbox should get checked.
Steps to Reproduce
- Open code reproduction.
- Click to the left of the label or to the right of the checkbox. Observe that the checkbox does not get checked.
Code Reproduction URL
https://codepen.io/liamdebeasi/pen/wvYKaEm
Ionic Info
N/A
Additional Information
No response
DavidStrauszJulien-Marcou
Metadata
Metadata
Assignees
Labels
package: core@ionic/core package@ionic/core packagetype: buga confirmed bug reporta confirmed bug report