Have problems implemeting draggable list box items in IE & Chrome - Works well in FireFox

[Manoj Kapoor]

Hello,

I am trying to implement a scenario of swapping values between the list boxes using the drag & drop feature. A snap shot of what's to be done is displayed in the attachment "Task.jpg" 

The Drag & Drop feature works perfectly fine in Firefox, but doesn’t works at all in Chrome & IE (7 & 8). 

The key aspects here are:

1. In Chrome and IE9, Items in ListBox1 and ListBox2 are not getting selected by mouse, but can be selected using the tab keys. In this case even the swapping works the items are selected
2. Also observed a weird behavior in IE 7 & 8. It works first in IE & then stops working. Once we minimize & restore the IE browser it again starts working.
3. The written code works perfectly fine in Firefox.

To further provide you the details on the implementation, the created code is added to jsFiddle at the location http://jsfiddle.net/ravisingh/5B6mq/1/ . Also attached with the post are the images of Chrome & Firefox while debugging the issue.

Thanks & Regards,

Manoj Kapoor

[Petyo]

Hello,

I think that the reason for that is the select DOM elements. Have you tried using regular lists? 

Kind regards,
Petyo
the Telerik team

[Elan]

When you say regular lists, do you mean a kendo listview?

What other option is there in DOM elements other than select?

[Petyo]

Hi,

By lists, I mean ordered and unordered lists (UL and OL).  

Regards,
Petyo
the Telerik team

[Andrew]

Having the same problems also










Zimbabwe Social Network community
Rugby Social Network

[Manoj Kapoor]

Hi Petyo,

Could you provide me with some sample code which uses UL/OL and works for the scenario that I am talking about?

If it seems to be too much of work for you then I am fine if you can update the jsFiddle I created for the same (URL:  http://jsfiddle.net/ravisingh/5B6mq/1/)

Thanks & Regards,
Manoj Kapoor