Custom components that create shadow `<input>` not updating client side

[edmundhung]

Custom components that create shadow `` not updating client side

[edmundhung]

I just notice this issue. Maybe you have already figured out a solution.

Unfortunately useControlledInput is properly needed. As Conform are listening to native DOM events like input, blur, submit to find out when the form should be (re)validated. However, React itself or most of the solution does not dispatch those events for you while you are modifying the value.

However, if you can make each options in the dropdown a submit button with formNoValidate being true, so that selecting an option would also trigger a submit event, it might be able to work without the useControlledInput hook too.

I don't have any example for the 2nd solution yet. But I think it is totally possible to have dropdown or datepicker working nicely even without JS with a bunch of submit buttons 😄

[brandonpittman]

I realized it wasn’t going to work as I thought it would and kinda gave up for now. I’ll try your suggestions on Monday.

I’ve got a React Aria select that has its own shadow input. I realized that it just re-renders when the selected value changes. It doesn’t emit a change which means Conform doesn’t catch the change.