React-slick: Input radio element inside child component of slider cannot be selected

[amithgeorge]

https://jsfiddle.net/amithgeorge/v7vuma3n/2/

The children of the slider are instances of the Hello component wrapped in individual divs. The Hello component renders a couple of input radio elements. Selecting them doesn't update the checked state of the DOM. The state is getting updated, the react component is getting right prop, the react toolbar shows the input element getting the correct prop, but the dom element's checked property is false.

[mikkelwf]

Any update on this..?

[victsant]

Just FYI, guys I have two different work arounds for this from the original slick slider.

https://github.com/kenwheeler/slick/issues/1339

One solution is to take the names off the inputs and it will let you select the radios. The second solution is to set the infinite value to false for the slick settings. I hope this helps.

[trueter]

Very annoying thing to deal with until you figure out where to look for help..

[laveesingh]

I think that radio/checkbox are being selected as expected. Please feel free to regenerate and reopen the issue if you disagree.