This is a migrated thread and some comments may be shown as answers.

Draggable prevents focusing text inputs with mouse

6 Answers 513 Views
Drag and Drop
This is a migrated thread and some comments may be shown as answers.
Ryan
Top achievements
Rank 1
Ryan asked on 25 Nov 2013, 08:06 PM

Hi -- there seems to be a bug with the Draggable widget, where text <input> elements inside the draggable element cannot be focused with the mouse.  See the following simple JS Fiddle:

http://jsfiddle.net/kQ5Sm/2/

Please let me know if there is a fix/workaround for this issue.  Thanks!

ryan

6 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 27 Nov 2013, 08:57 AM
Hello Ryan,

Thank you for contacting us. Indeed, this seems like a flow in our implementation. This case should be supported, in general. I am logging it in our bug tracker for further investigation. 

A workaround I may suggest is to use "handle" elements in order to skip the input elements from triggering the drag. Please check the updated version of your fiddle.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Ryan
Top achievements
Rank 1
answered on 02 Dec 2013, 03:47 PM
Hi, Petyo -- Thanks for the response.  However, the JSFiddle link you sent is the same URL.  Perhaps you copy/pasted the wrong link?
0
Petyo
Telerik team
answered on 04 Dec 2013, 08:08 AM
Hello Ryan,

I am sorry - it looks like I got betrayed by jsfiddle "auto-save" feature. Please take a look at the correct link.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Accepted
Ryan
Top achievements
Rank 1
answered on 05 Dec 2013, 04:10 PM
Hi, Petyo -- thanks for the updated link.  I played around with absolute positioning and effectively accomplished what I wanted:

http://jsfiddle.net/kQ5Sm/5/

Obviously it would be better not to have to use this kind of workaround, but this should work for now.  Thanks!

ryan
0
Taras
Top achievements
Rank 2
answered on 06 Feb 2017, 03:37 PM

any progress on this issue?

checked the latest version. The same behavior. http://dojo.telerik.com/AXitA

0
Tsvetina
Telerik team
answered on 08 Feb 2017, 12:00 PM
Hi Taras,

An ignore property has been introduced in the Draggable widget to let you specify child elements for which the drag will not be initialized. You can see a modified Dojo, with the input working, here:
http://dojo.telerik.com/@tsveti/OjoZO

Regards,
Tsvetina
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Drag and Drop
Asked by
Ryan
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Ryan
Top achievements
Rank 1
Taras
Top achievements
Rank 2
Tsvetina
Telerik team
Share this question
or