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

Kendo Grid Filter Hiding on Hovering Textbox in Chrome

2 Answers 202 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Dev
Top achievements
Rank 1
Dev asked on 29 Dec 2016, 07:00 AM

The recent update might have changed the behavior of the Grid Filter and their seems a slight bug in hovering of the Kendo Grid Filter TextBox with the Chrome.

 

Our Kendo Grid Deployed with MVC helpers throughout applications is now facing a slight bug in Chrome when we try to filter the grid column, the filter hides immediately as soon as we hover over to Textbox of Filter when default operator is not changed. If the operator is changed than the popup of the filer stays without any problem. The user has to use the Tab key enter the info in to the TextBox.

 

This Problem is not happening in Firefox but only Chrome.

 

The KendoMVC.dll version is 2016.3.914.545

Chrome version is Version 55.0.2883.87 m (64-bit)

 

Any Solution to this problem will be greatly appreciated.

 

2 Answers, 1 is accepted

Sort by
0
Accepted
Viktor Tachev
Telerik team
answered on 29 Dec 2016, 12:31 PM
Hi Mohammed,

The behavior you describe is due to a known issue with Chrome 55. However, our developers have addressed the problem and it should not be present in the next version of the components.

You can find more information on the issue and a workaround you can use in the github issue linked below.



Regards,
Viktor Tachev
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.
0
Dev
Top achievements
Rank 1
answered on 29 Dec 2016, 01:49 PM

This following function in the layout I got from your link above makes it work properly. Thanks.

        kendo.ui.Grid.fn.options.columnMenuInit = function (e) {
            var menu = e.container.find(".k-menu").data("kendoMenu");
            menu.bind('activate', function (e) {
                if (e.item.is(':last-child')) {
                    // if an element in the submenu is focused first, the issue is not observed
                    e.item.find('span.k-dropdown.k-header').first().focus();
                    // e.item.find('input').first().focus();
                }
            });
        }

Tags
Grid
Asked by
Dev
Top achievements
Rank 1
Answers by
Viktor Tachev
Telerik team
Dev
Top achievements
Rank 1
Share this question
or