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

DropdownList With modal Form

3 Answers 604 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Anurag
Top achievements
Rank 1
Anurag asked on 30 May 2018, 02:46 PM

I have a form where i implemented kendo-dropdownlist with filterable property. sometime popup filter option list remains open in chrome and firefox. And in IE11, it did not open on click.

 

3 Answers, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 01 Jun 2018, 08:00 AM
Hi Anurag,

I implemented the following example that uses a DropDownList with a filterable functionality using a template driven form:

https://plnkr.co/edit/RGXSTu64c79vd1O2zKEF?p=preview

It seems to function as expected in the specified browsers.

Could you provide some more details as to when does the undesired behavior occur, so that we can reproduce it. Thank you in advance.

Regards,
Svetlin
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Anurag
Top achievements
Rank 1
answered on 01 Jun 2018, 08:47 AM

Yes.After i updagraded version from 1.2.1 to  kendo-angular-dropdowns 2.1.0 .And Added [popupSettings] property . and it works as expected in IE11 also. However, clear filter value is not working. 

Lets say if i enter some value (xyz) to search and close the modal. And when open again...the value remains in search textbox.

expected behavior : Clears the filter value when hiding the dropdown. 

 

0
Svet
Telerik team
answered on 05 Jun 2018, 08:02 AM
Hi Anurag,

Indeed, the reported behavior is expected. The filter text will be cleared only if we select an item from the available options.

If we want to clear the filter text every time we close the dropDownList we can set the internal filterText property to empty string and reassign the data property on close event. Check the following sample plunker demonstrating this approach:

https://plnkr.co/edit/qjkB1EVXifS8N7nYSwPm?p=preview

I hope this helps.

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