Part of last row in frozen area is not visible with jQuery 3.2.0+

[Andrii]

Hello

 

After upgrading from jQuery 3.1.1 to 3.3.1 we have an issue with last row in frozen area

Height of frozen area is smaller than height of horizontally scrollable area (see image in attachment)

Also see Dojo https://dojo.telerik.com/ODISarEn

 

Thank you

[Andrii]

Also we have found that in Firefox 63.0.1 it works as expected 

Problem can be reproduced in Chrome 70.0.3538.110, IE 11.726.16299, Edge 41.16299.726.0

[Viktor Tachev]

Hi Andrii,

The behavior that you are observing is caused by a known issue. It can be replicated when using jQuery 3.3.1. You can find more information on the issue and a possible workaround that can be used in the link below:

• https://github.com/telerik/kendo-ui-core/issues/4504

I apologize for any inconvenience this may cause you.


Regards,
Viktor Tachev
Progress Telerik

[Andrii]

After some time we confirm that this fix works fine with declared height on grid

But unfortunately, if we do not specify height, grid.resize(true) does not work anymore

 Dojo

This is really annoying for us because we have rows with small height and checkbox in first column. Because of this overlap users can not see content in fixed area and can not select checkbox in last row

[Viktor Tachev]

Hi Andrii,

In this scenario you can modify the height of the locked columns content like shown in the code snippet below:

dataBound: function(e) {
    this.lockedContent[0].style.height = "auto";
}

The modified dojo below seems to work as expected on my end:

• https://dojo.telerik.com/amOLUyiF/2

Regards,
Viktor Tachev
Progress Telerik