Recurrence option is not selected when clicking the text or empty space #1327
Description
Where did this happen?
Local code with an up-to-date main branch, Hosted (app.compasscalendar.com)
Expected Behavior
When presented with the recurrence modal, the user should be able to make a selection by clicking the option's text or the space nearby it on the same row.
Here is an example from Notion Calendar. Notice how clicking the text and the empty space in the row results in a selection.
good-example-notion-cal.mov
Current Behavior
When presented with the recurrence modal, the user can only make a selection by clicking the small space within the radio button
recur-click.mov
Steps to Reproduce
- Create a recurring event
- You'll be presented with the modal
- Click the text from one of the recurrence modal options
- Nothing will happen—the selection won't change
Possible Solution
Consider adding the click handler to the selection row, rather than just the radio element.
Ensure to add tests to protect this important use-case from regressions in the future.
Context
This is making it more difficult for a user to make a change to an event. Since this is a core use-case, it will detract users from using the app. They are used to being able to make changes to calendar events quicker in other apps. In order to compete, we need to make Compass as smooth as the other apps at minimum. In fact, our goal is to make all core calendar event changes in Compass better than the other apps, so that users are incentivized to use Compass daily.