[BUG] - Select field label does not focus the component

[smozely]

HeroUI Version

2.7.2

Describe the bug

Clicking on the label for the Select component doesn't open the picker. This is visible when using the "outside" label placement variants.

Visible in the HeroUI docs site

Your Example Website or App

https://www.heroui.com/docs/components/select#label-placements

Steps to Reproduce the Bug or Issue

1. Click on the "Favorite Animal" label for the options where the label is outside-top or outside-left
2. Nothing happens

Expected behavior

I am expecting the select dropdown to open

Screenshots or Videos

No response

Operating System Version

MacOS

Browser

Chrome

[linear]

ENG-2179 [BUG] - Select field label does not focus the component

[linyonglu]

Could you record a video for me to have a look? I can't do it this way here.

[smozely]

Ok actually I might have this slightly wrong, standard behavior isn't that the select menu opens when the label is clicked. But it does give focus to the control, and in HeroUI it does nothing.

So this is behavior show via the HeroUI docs site (label click does nothing)
https://github.com/user-attachments/assets/a8a982a8-3acd-49d2-bd06-558a962571bb

vs this from say the react-aria-components docs (label click focuses the select)
https://github.com/user-attachments/assets/3cb4bf2c-1a37-49d3-81b1-040ee5860aab

or this from MDN on a normal native select (label click focuses the select - though their CSS makes it look odd)
https://github.com/user-attachments/assets/2e3cd325-f9f1-4e33-9bd6-e140bc474a20

[thee-pika]

I also noticed that clicking on the label does not open the associated select input. In many UI, clicking on the label is expected to focus or open the input for better usability and accessibility. Is this behavior intentional or not

[abhinav700]

@wingkwong can I work on this issue?

[abhinav700]

@wingkwong should we also trigger an hover on select when the label is hovered?

[wingkwong]

@abhinav700 hovering shouldn't trigger it. The issue here is when clicking an label, the component should be focused.

[abhinav700]

@wingkwong got it.

[abhinav700]

@wingkwong I have become busy with some work and won't be able to work on this issue.
Can you unassign me please