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

Filter difficult to use with column menu

4 Answers 213 Views

Grid

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

James asked on 05 Jan 2017, 03:30 PM

I am using UI for ASP.NET MVC R3 2016 and I have enabled the column menu to allow for showing/hiding of columns. That resulted in the filter getting moved into this menu as well. I'm not crazy about that, but I could accept that if the filtering worked in the column menu. The problem is I can't just open the column menu, open filter and click on the textbox in the filter menu, the entire thing closes. However, if I first select a type of filter (starts with, etc.) and then go to the textbox it works. While it is a workaround it is not an acceptable one. The problem exists in Chrome but in Edge it seems to behave correctly.

This behavior can be observed by going to http://demos.telerik.com/kendo-ui/grid/column-menu. Try to filter on Ship Name without first selecting a filter type.

4 Answers, 1 is accepted

Accepted

answered on 05 Jan 2017, 04:32 PM

Hello James,

The described issue is observable in the latest (55) version of Google Chrome. Their newly introduced support for pointer events interfered with our internal logic for the Kendo UI Menu, which in turn leads to the undesired behavior.

The issue is already fixed, and you can expect the working version with our next 2017 R1 release, scheduled for the third week of January.

Meanwhile you can use the following workaround - handle the columnMenuInit event, get access to the menu, and focus an item in the Filter sub-menu programmatically on open:

http://dojo.telerik.com/ipihu/113

I am sorry for any inconvenience caused.

Regards,
Dimiter Topalov
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.

answered on 01 Mar 2017, 07:26 AM

Hi Vince,

The discussed issue was fixed, and is not observable in the Kendo UI versions, released this year (e.g. 2017 R1 release, v. 2017.1.118 and the SP1 release - v. 2017.1.223):

http://demos.telerik.com/kendo-ui/grid/column-menu

Please make sure that you are using one of the versions, mentioned above, and that the web server folder mapping is not somehow connected to an older version of the .js files.

If the issue persists, please send us an isolated runnable project where the problem can be observed, so we can inspect it further, and determine what might be causing it. Thank you in advance.

Regards,
Dimiter Topalov
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.