fix(select): handle open click when inside native label

[chasestarr]

Description

Fixes bug where Select would not open listbox on click when inside a native label element. For reference, see reporting comment here: #4402 (comment)

Scope

Patch: Bug Fix

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/uber-ui-platform/baseweb/87Aavocnn97pjQm6sz84RhEZ8f91
✅ Preview: https://baseweb-git-select-open-native-label-uber-ui-platform.vercel.app

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit ed5395e:

Sandbox	Source
Basic usage	Configuration

[shannonmoeller]

Could we include a test that does not specify id and htmlFor attributes? One of the benefits of wrapping form elements in <label> is that the browser automatically wires up the connection. I realize that's not going to work for every complex form component, but it's a valid option for <Select> after the change in #4402.

[UberOpenSourceBot]

Visual changes were detected on this branch. Please review the following PR containing updated snapshots: #4467

[williamernest]

Thanks for the quick turnaround!

[UberOpenSourceBot]

Visual changes were detected on this branch. Please review the following PR containing updated snapshots: #4474

[shannonmoeller]

Thank you!