Why is the Grid apply a div with Cover class

2 posts, 0 answers
  1. Paul
    Paul avatar
    2 posts
    Member since:
    May 2014

    Posted 02 Mar Link to this post

    using kendo version 2015.3.1111 (limitation to this version due to other maximum targets of system)

    I've noticed using the kendo Grid that the below element is added to the DOM for each column (note the positioning is different per column):

    <div class="cover" style="left: 47px; top: 1932.15px; width: 90px; height: 30px; position: absolute;">


    On edit and save/cancel of a row this element is duplicated again and again. I noticed the issue as I hide an element on the main page when i hit edit in the grid and the positioning then changed and the hover/clickable area of the button was not on top of the button.

    Note that if i override the style with display: none i fix the clicking issue without any noticeable side-effects however the DOM is still polluted with these numerous div elements.

    Can anyone provide some insight and/or a resolution to remove these elements?

  2. Tsvetomir
    Tsvetomir avatar
    849 posts

    Posted 04 Mar Link to this post

    Hi Paul,

    Based on the provided information, I have researched the case with the aforementioned version, however, I don't seem to find any information about this class. Is it possible for you to confirm that this is the correct version that is used in your project? Also, could you share the theme that is used for the case?


    Kind regards,
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top