[select] ID prop is not forwarded to hidden input

[tomshane]

Bug report

Current behavior

When setting ID for CheckBox.Root, Switch.Root and Radio.Root, it is not forwarded to inner hidden input.

Expected behavior

Select.Root ID should be applied and should override ID of the inner input element.

Base UI version

1.0.0-beta.0

Which browser are you using?

Chrome

Which OS are you using?

Windows

Additional context

I need to set ID for the component's inner input to be used together with my custom label (attribute hmltFor).

[mj12albert]

I need to set ID for the component's inner input to be used together with my custom label (attribute hmltFor).

@tomshane Could you share a bit more about your use-case? I don't think a label should point to hidden inputs 🤔

[tomshane]

Every <label> (if it doesn't have nested input) has to have htmlFor attribute pointing to ID of an associated <input>, it doesn't matter if it is hidden or not. Important is it holds a value.

Also, forwarding the ID would be in line with the latest changes in Select API (#1862).

[atomiks]

In the case of the Select, it moves focus to the trigger when the hidden input is focused. (In that case, it needs to be visually hidden, not type="hidden").

[mj12albert]

Every <label> (if it doesn't have nested input)

For checkbox, radio, and switch, the label (<label> or Field.Label) is expected to enclose the whole component which includes the labelable element (the 'button' in most cases) so the id association should be implicit ~

The HTML spec does explicitly state that hidden inputs are not labelable:

Some elements, not all of them form-associated, are categorized as labelable elements. These are elements that can be associated with a label element.
button, input (if the type attribute is not in the Hidden state)