[Joy][Select] not render a input element

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Steps:

Current behavior 😯

Joy Select not render input element.

Expected behavior 🤔

It should render a <input aria-hidden tabIndex="-1"/> just like Material UI Select .

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

  npmPackages:
    @emotion/react: ^11.10.4 => 11.10.4
    @emotion/styled: ^11.10.4 => 11.10.4
    @mui/base:  5.0.0-alpha.92
    @mui/core-downloads-tracker:  5.10.6
    @mui/icons-material: latest => 5.8.4
    @mui/joy: * => 5.0.0-alpha.47
    @mui/material:  5.9.3
    @mui/private-theming:  5.10.6
    @mui/styled-engine:  5.10.6
    @mui/system:  5.10.6
    @mui/types:  7.2.0
    @mui/utils:  5.10.6
    @types/react: ^17.0.47 => 17.0.48
    react: ^17.0.2 => 17.0.2
    react-dom: ^17.0.2 => 17.0.2
    typescript: ^4.7.4 => 4.7.4

[siriwatknp]

Is this issue still up for grabs? I would like to work on this.

Go ahead!

[michaldudak]

The useSelect hint could hint that the input should be rendered by providing a getHiddenInputProps

Good idea!

Also, there is no harm in adding the hidden input always (even when name is not specified) so it should be fine even if in userland the logic for it is not added.

Sure, we can do it. I wanted to keep the rendered DOM cleaner in case there’s no need for an input, but on the other hand, this behavior could be surprising for developers. I don’t really have a strong opinion on this one, so if you think having the input all the time is better, I’m happy to implement it.