Kendo Grid Filter Hiding on Hovering Textbox in Chrome

3 posts, 1 answers
  1. Dev
    Dev avatar
    5 posts
    Member since:
    May 2016

    Posted 29 Dec 2016 Link to this post

    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. Answer
    Viktor Tachev
    Admin
    Viktor Tachev avatar
    2499 posts

    Posted 29 Dec 2016 Link to this post

    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.
  3. Dev
    Dev avatar
    5 posts
    Member since:
    May 2016

    Posted 29 Dec 2016 in reply to Viktor Tachev Link to this post

    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();
                    }
                });
            }

Back to Top