Kendo-angular: Grid scrollBottom event on Chrome

Created on 15 Jan 2019  路  12Comments  路  Source: telerik/kendo-angular

I'm submitting a...

Current behavior

(scrollBottom) event on the grid is not fired on Chrome. The event is fired on Firefox.

Expected behavior

The event is fired when scrolling to bottom.

Minimal reproduction of the problem with instructions

All exemple from the doc in stackblitz with (scrollBottom) event are broken.
Like the "Endless Scrolling" exemple in https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/

Environment

Package versions:
Angular 6-7
kendo-angular-grid 3.11.0

Browser:

  • Chrome (desktop) version 71.0.3578.98

System:

  • TypeScript version: 3.1.1
  • Node version: 10.14.2 npm 6.4.1
  • Platform: Windows
Bug grid

Most helpful comment

Should be fixed in 3.12.0 and later

All 12 comments

Tried the example in StackBlitz with Chrome 71, but the event seems to fire normally.

scrollend

The examples also work on my machine - screen cast. Try clearing the cache and running the examples in incognito mode in case there is an extension that prevents the default browser behavior.

Thanks for the quick answer !

The examples also work on my machine - screen cast. Try clearing the cache and running the examples in incognito mode in case there is an extension that prevents the default browser behavior.

I tried to:

Clear my cache, nothing better.
Remove one by one all my chrome extensions, nothing better.
Incognito mode, nothing better.

I tried on my second screen, it works...

I have two screens :

  • Laptop screen : 1920 * 1080 (default & recommended) zoom 125% (default & recommended)
  • External screen : 1920 * 1080 (default & recommended) zoom 100% (default & recommended)

Assuming, zoom is breaking the scroll ? How can it be possible ?

Many thanks !

Thanks for clarifying. Seems that the zoom causes incorrect sub-pixel scrollTop position in Chrome. We will look into it.

Should be fixed in 3.12.0 and later

Can we have the scrollBottom to fire just before it reach bottom like buffer of say 50px. it should ignore the zoom issue. do we have this feature?

@velnet2k are you still experiencing the issue with browser zoom and scrollBottom? Make sure you're using the latest version of the Grid: npm install --save @progress/kendo-angular-grid@latest.

@tsvetomir Thanks for your reply on time. I was using little old version 3.14.0, after changing to latest it works till 110%, on 125% its not firing sometime. Thanks

@velnet2k I couldn't reproduce the problem in the demo. What browser are you using?

@tsvetomir I checked in given demo itself the scrollBottom not fireing after 3/4 times.. i tried in Chrome 90% zoom only 200 records loading but 100% its loading till 500 records. in 100% it works like charm.

@velnet2k should be fixed in the latest development builds. Thanks!

Fixed in v3.14.2

Was this page helpful?
0 / 5 - 0 ratings