Bug: Checkbox menu items are not as clickable as they should be
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 140
- Forks
- 100
- Avg merge
- 1h 3m
- Merged PRs (30d)
- 30
Description
- Go to https://paragon-openedx.netlify.app/components/menu/#with-form
- Click in any of the indicted places:
When you hover in these places, you'll see a hover effect. But when you click on them:
Expected behavior: "Blue" gets checked.
Actual behavior: nothing.
I took a look at fixing this but wasn't sure of the best approach as this is an interaction between two different components, Form.Checkbox and MenuItem
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in the Menu with form example at the linked Paragon documentation page, clicking the indicated areas around the checkbox. Read the Form.Checkbox and MenuItem component entry points to understand their interaction. Done means clicking those areas checks “Blue” consistently with the expected behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100