Nested dropdowns no longer dismiss overlay

[JuanFernandoCastaneda]

Done

For the non-mobile version of the component: closing a nested drop-down doesn't dismiss the overlay anymore. Now it is only dismissed when closing the root drop-down.

Fixes #5288

QA

• Open any of the "sliding" patterns, for example /docs/examples/patterns/navigation/sliding-dark.
• Open "LXCFS" menu, then "Nested Layer".
• Close "Nested Layer" and compare the behavior with closing "LXCFS" directly.

Check if PR is ready for release

If this PR contains Vanilla SCSS or macro code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention
  • if existing APIs (CSS classes & macro APIs) are not changed it can be a bugfix release (x.x.X)
  • if existing APIs (CSS classes & macro APIs) are changed/added/removed it should be a minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) or macros should be listed on the what's new page.

Screenshots

This is the pattern I'm talking about:

[webteam-app]

JuanFernandoCastaneda is not a collaborator of the repo