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

6 posts, 0 answers
  1. Manoj Kapoor
    Manoj Kapoor avatar
    16 posts
    Member since:
    Dec 2011

    Posted 11 Apr 2012 Link to this post

    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


  2. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 12 Apr 2012 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Elan
    Elan avatar
    7 posts
    Member since:
    Nov 2011

    Posted 13 Apr 2012 Link to this post

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

    What other option is there in DOM elements other than select?
  5. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 13 Apr 2012 Link to this post

    Hi,

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

    Regards,
    Petyo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Andrew
    Andrew avatar
    1 posts
    Member since:
    Apr 2012

    Posted 18 Apr 2012 Link to this post

  7. Manoj Kapoor
    Manoj Kapoor avatar
    16 posts
    Member since:
    Dec 2011

    Posted 19 Apr 2012 Link to this post

    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

Back to Top
Kendo UI is VS 2017 Ready