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

Kendo + Ionic: Multiselect not selecting when inside of ionic modal

1 Answer 70 Views
Integration with other JS libraries
This is a migrated thread and some comments may be shown as answers.
Donald
Top achievements
Rank 1
Donald asked on 30 Sep 2015, 10:26 PM

I am having trouble selecting items from a multiselect control, only when it is inside of an ionic modal.

The only other information that I can find is a somewhat related post here: http://forum.ionicframework.com/t/using-kendo-ui-widgets/7562

This topic mentions to add data-tap-disabled="true" and I have done that, but that didn't solve the issue.

I have created a kendo dojo that replicates the issue here: http://dojo.telerik.com/@gtripoli/EMARe

 

1 Answer, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 02 Oct 2015, 02:05 PM
Hello Donald,

Thank you for providing Dojo test page.

It seems that the Ionic Model View overlays all other elements that are not part of the Model View content.
Since the MultiSelect list that pops up when you click the widget is appended to the <body> element it is covered by the ModalView overlay and the mouse click event cannot propagate to it.

My suggestion is to bring this question to the Ionic team. I believe that you will be able to reproduce the issue without Kendo widget. You may simply append a <div> element to the body, position it absolutely in Modal View content area and test it the click event will be fired.

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Integration with other JS libraries
Asked by
Donald
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Share this question
or