Odd menu item overlap

[rhubarbselleven]

Using: Chrome Version 71.0.3578.80 (Official Build) (64-bit)

[alex-page]

@rhubarbselleven thanks for sharing the issue. From what I can tell it occurs when a user hovers on a menu item then focuses on the previous item.

This is a bit of an odd pattern to fix as it is quite rare that the user will be using the mouse and keyboard at the same time. That being said I am happy to investigate it and see if there are any easy resolutions. I'm not to keen on adding a z-index on the current focused item to bring it above other items.

[rhubarbselleven]

Hey @alex-page, It’s not keyboard and mouse but odd active and hover states when the list items are anchors with no real href.

If they had a real location, we wouldn’t see this state

[alex-page]

Thanks for the information. We will take a look in the next sprint!

[alex-page]

@rhubarbselleven I am investigating this issue. I am using the https://govau.github.io/design-system-starter/form/ website as it mimics the markup you have described above.

I am a bit confused on how to repeat the issue. How I am trying:

• The "Form" menu item is active
• I move focus to the "Simple terms" menu item
• I click "Distinct from eachother" and the focus moves to that item?

---

• The "Form" menu item is active
• I click "Distinct from eachother"
• I move focus to the "Simple terms" menu item, the hover colour is now removed from "Distinct from eachother"

[alex-page]

@rhubarbselleven I am going to close this issue as I can't replicate it. If you can provide steps happy to re open the issue.