I have a small help component with two variants: expanded and collapsed. It’s designed to sit at the bottom of a left nav. It starts out collapsed, and if the user clicks it, it will toggle open. Click again and it closes. It works fine by itself.

I have a left nav component with variants for open and hover and closed. The left nav contains all the nav menu items plus the help component at the bottom.

While testing, the left nav closes and opens just fine, and while open, the help component opens and closes just fine…

HOWEVER

After the help component is opened and closed, the hover state of the parent left nav component remembers the opened state of the help component!

This is driving me crazy.

Any clues?

Thanks,

Jeff