Hi Team,
I would like to request to include masking to the Input element of a Kendo UI AutoComplete. This would help if a user needed to input a specific format into the autocomplete such as an email, ssn, or phone number but the data did not include special characters during filtering.
Thank you!
When the user performs multiple searches and the result has a different width, the popup containing the items does not update its width according to the current content.
Example 1:
Example 2:
The popup is not wide enough
The popup width should be updated according to the displayed content.
In a read-only AutoComplete, the X button clears the value of the component.
Regression introduced with R1 2022
The X button clears the AutoComplete's value
The button shouldn't clear the AutoComplete's value
In a Popup that has an AutoComplete, the Popup closes when you type in the AutoComplete input field.
The Popup closes
The Popup should remain open
The search method of the AutoComplete does not work the first time when minLength is set.
The search method has to be called twice for the method to work as expected.
The search method should work along with the minLength option by only calling it once.
Reproducible in the demos.
The list of items shows up, but the reader does not announce this.
The reader should announce that the list is expanded, as it does for the ComboBox.
On Android mobile devices (probably on other mobile devices as well) the click event from the drop-down list popup triggers the click event of controls below the clicked item.
The issue is similar to this one described here - https://www.telerik.com/forums/dropdownlist---click-through-issue-on-android-mobile-device
We managed to reproduce it including kendo.all.min.js and also including only the individual components required for the autocomplete to work.
In your demo, we simply added a button below the autocomplete and show an alert when the button is clicked.
Here is a DOJO link with the individual components:
https://dojo.telerik.com/azAFINIz/9
Simply type "A" so that the list of countries is shown and then click on "Andorra" and the button below the list will also be clicked.
The same DOJO link with kendo.all.min.js takes some more steps to be replicated.
https://dojo.telerik.com/ezuBaMEF
Here you need to type "A" and click on "Andorra", it won't fire the click event of the button initially but if you delete the selected items and type "A" again and then select "Andorra" the button will be clicked.
We have seen the same issue in version 2020.1 as well.
I workaround for this issue will be much appreciated!
When using the AutoComplete with the suggest configuration set to true
and separators configuration is set to an Array of characters additional garbage characters are added to the input when the user starts typing
Additional characters are displayed
No additional characters should be displayed.
When user inputs text that does not match any of the items in the data source and presses the down arrow key, the "suggestions" drop down list opens up with an empty list when the configuration option is: 'noDataTemplate: false'.
This seems to be a regression since it appears to be working in an older version:
Thread: https://www.telerik.com/forums/is-it-possible-to-disable-nodatatemplate
Demo for suggested fix: http://dojo.telerik.com/EXEnu
Note the kendo version (2016.3.914).
Same demo with newer version of kendo (2018.2.620): http://dojo.telerik.com/ehaDEsIq
Reproduction steps:
1. Type a string in the AutoComplete that does not match any values in the data source, e.g. ("123")
2. Press the "down" arrow key to open up the suggestions dropdown.
The suggestions dropdown opens up with no items -- it should not be opening up at all.
Behavior in (2016.3.914) is that the dropdown does not open when using the arrow keys if the typed in text does not match any of the items in the suggestions list. [Correct]
Behavior in (2018.2.620) is that the dropdown does open with an empty list when using the arrow keys if the typed-in text does not match any of the items in the suggestions list. [Incorrect]
If I have a min length of 3 and enforceMinLength set to true, if you enter in 3 or more characters and then start deleting them (keyboard) once you get below the min length the dropdown remains open when it should close.
See the dojo option under the enforceMinLength API documentation for a sample to test.