Radio buttons lose their selection once sorted

[sitefinitysteve]

So this is odd...

My markup has radio buttons in each sortable item.  I can select them no problem, but once I start to drag to sort, I can see the hint and placeholder have lost the selection, and on drop it's gone as well.

WIERDER if I inspect the markup in chrome on the dropped element I still to see the "checked" attribute there... but no selection, jQuery detects no selection as well.

Checkbox lists however seems perfectly fine

[Boyan Dimitrov]

Hello Steve,

Could you please confirm that you can replicate the described behavior with our http://dojo.telerik.com/uTICu example? When I drag the item with the check box the hint still shows a check box that is checked. 

Regards,
Boyan Dimitrov
Telerik by Progress

[sitefinitysteve]

Man terrible timing, I literally just submitted a ticket this minute

Yeah so "checkbox" works fine, radio does not though, sorry I mentioned that above, but wasn't clear

Demo:

https://jsbin.com/xegiku/edit?html,output

[Viktor Tachev]

Hello Steve,

I have replied to your query in the support ticket you have submitted. Please give the approach a try and let me know how it works for you.

Regards,
Viktor Tachev
Telerik by Progress

[Alexandre Jobin]

Hi Victor,

I'm having the same problem as Steve, is it possible to share the solution ?

Thanks in advance.

[Stefan]

Hello Alexandre,

The replay consisted of the following guidances and example:

I can suggest using the mousedown event of the radio button and keep track of the selected item. Then you can handle the end event for the sortable widget to select the input. The example below illustrates the approach:

http://dojo.telerik.com/OTEwu/2

 

Also, please note the following specific- The code for the Sortable components does not the affect the selection of checkboxes or radio buttons. However, when you drag an item it is cloned with jQuery. As a result, this will create a new group of radio buttons with the same name. However, there is already one checked item in that group. Thus, the new radio buttons are not checked.

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Thomas]

Hello Stefan,

Its still broken http://dojo.telerik.com/IwUXIMaV/2 select item 2 radio button in the first select item 1 radio button in the second. Then drag item 1 above item 2 and drop it you will see both select item 2. So really no one can use drag and drop if they have radio buttons. I am currently on the newest version of Kendo and its still an issue. Will there ever be a fix?

Thanks,

Thomas

[Viktor Tachev]

Hi Thomas,

 

Thank you for the provided dojo. After running it I noticed that there was a JavaScript error when dragging the item without radio buttons in it. To prevent the error I included a condition that checks if there is a radio button before checking it. 

After the modification the sample was working as expected on my end.

http://dojo.telerik.com/IwUXIMaV/4

 

Give it a try and let me know how it works for you.

 

Regards,
Viktor Tachev
Progress Telerik