Unplanned
Last Updated: 25 Mar 2025 11:02 by Bradley
Bradley
Created on: 25 Mar 2025 11:02
Category: Grid
Type: Bug Report
0
Grid's loader gets lost in the scrollable area height is greater than the viewport height

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>

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

0 comments