[Dropdown] When clicking focusable element outside dropdown to close, don't return focus to trigger

[macandcheese]

Description

There's a bit of a weird interaction (imo) when you click outside a dropdown to close it and that click occurs on a focusable element.

The component returns focus to the trigger element:

Screen.Recording.2022-02-05.at.11.41.13.AM.mov

This makes sense when the click occurs on a non-focusable element (or 'esc' key hit). But currently it doesn't allow focus to be set on the intended element. In the above, I'd expect focus to remain on the "share" action or the input when interacted with while the dropdown is open)

cc @asangma @driskull @jcfranco - thoughts on this interaction?

Acceptance Criteria

When clicking outside a dropdown to close, if the click occurs on a focusable element, do not return focus to the dropdown trigger, and instead allow focus on the interacted with element. Retain current functionality when the click occurs on a non-focusable element.

Relevant Info

No response

Which Component

Dropdown

Example Use Case

No response

[jcfranco]

#4010 should fix this (specifically 915cc27). I had to change it since it was failing expectations from the test helper.

[jcfranco]

Fixed by #2655: https://codepen.io/jcfranco/pen/MWrYVwV?editors=1010.

[github-actions]

Installed and assigned for verification.

[benelan]

Verified using Franco's sample!