Skip to content

Grid's loader gets lost in the scrollable area height is greater than the viewport height #8190

@kendo-bot

Description

@kendo-bot

Bug report

Grid's loader gets lost in the scrollable area height is greater than the viewport height

Reproduction of the problem

Dojo: https://dojo.telerik.com/hqknEyYx/2

Run and click on Export to Excel button

Worakround: https://dojo.telerik.com/gSsYgQpZ

excelExport: function (e) {
          let gridHeight = $("#grid").height();
          if (gridHeight < 700) {
            $("div.k-loader-container-inner").addClass("smallHeight");
            
          } else {
            $("div.k-loader-container-inner").addClass("biggerHeight");
          }
        }
...
<style>
        div.loaderPosition {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
      div.biggerHeight {
        position: absolute;
          top: 50vh;
          left: 50%;
          transform: translate(-50%, -50%);
      }
    </style>

Ticket ID: 1682050

Environment

Kendo UI version: [all]
jQuery version: 3.4.1
Browser: [all]

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions