Steps to replicate the issue:
- Open the page dedicated to Menu in Codex's demo site
- Activate the first input to trigger the 'Simple menu with input' example
- Inspect the second, third, or fourth <li> elements in the unordered list that constitutes the menu
What happens?:
Inspection allows detecting that all the <li>s in the Menu component (except the first one) have a top margin of 8px applied to them via the selector .vp-doc li+li. The issue therefore affects all the menus in the entire demo page that contain more than one item. Some examples:
What should have happened instead?:
That extra margin-top shouldn't be applied to menu elements: these should be only spaced by their padding.
Other information:
Issue found using Chrome v104 on macOS Monterey. Persistency checked using Firefox 103 and Safari 15.6