Close contextual menu when focus leaves

[bethcollins92]

Done

• Close contextual menu when the focus leaves

Fixes #4284

QA

• Open demo
• Open the "Take action" contextual menu
• Tab through the dropdown, check when the focus leaves the menu it closes
• Compare this to live. See how the menu remains open after the focus leaves.

Check if PR is ready for release

If this PR contains Vanilla SCSS 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 CSS class names are not changed it can be bugfix relesase (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.
• Documentation side navigation should be updated with the relevant labels.

[webteam-app]

Demo starting at https://vanilla-framework-4359.demos.haus

[bartaz]

I think you can do it in one call, separating selectors setupAllContextualMenus('.p-contextual-menu, .p-contextual-menu--left, .p-contextual menu--center').

But also, to avoid listing all the variants you could do:
setupAllContextualMenus('.p-contextual-menu, [class*="p-contextual-menu--"]')

[bartaz]

LGTM, with little suggestion to consider