[Navigation] Explore further if click to close is the ideal behaviour for most experiences

[melissaperreault]

Observation

Follow up for #1520

Next steps

We considered this approach for fixing the behaviour but would like to revisit in more details as a follow up:

• Should this be prioritize only when sticky navigation is enabled?
• Explore further the scroll/dismiss bug triggered, aka is this only happening in certain scenarios for most merchants?

Context on past decision

Previous behaviour

Click to open, scroll to dismiss

New behaviour

Click to open, click to dismiss (You can click any menu links or outside the mega menu to dismiss)

Problem we solved

When menu list becomes long, combined with scroll, the experience is annoying, the mega menu closes on users pretty drastically as they go beyond the header height. This prevents users to reach the last link. (Video reference)

✨ Rationale

• Consistent behaviour to click to open/click to close
• Improves usability for any use case discovery the nav
• We have a successful precedent that Debut was built this way (Click to open, click to dismiss)
• Trade off
  • If header is sticky: Click to open, then scroll down and up, header sticky will not work