openedx / paragon

💎 An accessible, theme-ready design system built for learning applications and Open edX.

Home Page:https://paragon-openedx.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bug: Checkbox menu items are not as clickable as they should be

bradenmacdonald opened this issue · comments

  1. Go to https://paragon-openedx.netlify.app/components/menu/#with-form
  2. Click in any of the indicted places:
    Screenshot 2024-03-25 at 2 03 10 PM

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