Always render hidden inputs

[hauptrolle]

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

v2.0.0-alpha.4

What browser are you using?

Chrome

Describe your issue

With the current behaviour of the switch & checkbox component, the hidden checkbox is just rendered when the checkbox is checked.

This makes it pretty hard to implement these controls within a form framework like conform or submitting a form onChange (the input is visible after the form is submitted).

Would it be possible to always render the hidden checkbox input?

[hauptrolle]

react-aria-components for example render always the hidden checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html#html-forms

[RobinMalfait]

Hey!

This should be fixed by #3095, and will be available in the next release.

You can already try it using:

• npm install @headlessui/react@insiders.

[hauptrolle]

Hey, I just tries out the insiders build. The checkbox is now always rendered, but a click on the checkbox does not trigger the forms native onChange event. Is this the intended behaviour?

[hauptrolle]

@RobinMalfait Any updates on this? This is kind of a critical bug :(