[GH #3118] Browser zoom in/out, Handsontable showing wrong no. of rows we scroll to the bottom

Tags: #<Tag:0x00007efc6bbfefa0> #<Tag:0x00007efc6bbfec30>
#1

Hello Support,
We are having issues when we do browser zoom in/out, handsontable showing wrong no. of rows we scroll down to the end of the table. When we remove height property from the settings it shows all the rows correctly but if we add a fixed height to handsontable it shows wrong no. of rows and sometimes its hard to reproduce. This issue is happening with huge data i.e. 500+ rows.

Version:

Description

  • Actual behavior:
    Scroll to the bottom, sometimes it shows wrong no. of rows, hiding few rows if we zoom in/out the browser with a fixed height of handsontable.
  • Expected behavior:
    Scroll to the bottom, sometime it should show all the rows if we zoom in/out the browser with fixed height as well.

Steps to reproduce

  1. Zoom in/out the browser and with fixed height of handsontable
  2. Scroll to the bottom and see the last row no. (sometimes it works, so you need to try multiple times)
  3. Remove height and try the same behavior with zoom in/out it will work properly.

Demo

We have created Fddle for it with your basic ‘demo scroll’ example. Also uploaded a video, you can find the URL below:
Fiddle: http://jsfiddle.net/razazaidisd/2s60Lmtg/
Video Url: https://static.westwing.de/cms/tech/handsontable-bug-1.14.2-scroll.mov

Your environment

  • Handsontable version: 1.14.2
  • Browser Name and version: Chrome Version 61.0.3163.100 (Official Build) (64-bit)
  • Operating System: Windows 10 and MacOS Sierra 10.12.1 (16B2657)
#2

Thank you for sharing the issue.

Please track changes to the following task on Github for updates https://github.com/handsontable/handsontable/issues/3118

#4

Yes, we are tracking this issue as well. But the issue we reported is not related to miss-alignment, it is related to Wrong number of rows when we scroll to the bottom as we tried in the video. Please let me know if you need any other detail.
If you can share updates on that that would be great.

#5

Yes, it is not exactly the same issue but they are strongly bounded.

We would need to check them both.

#8

@aleksandra_budnik

Is the this issue fixed. I am also facing the same issue. After zoom out browser some rows are not visible when you reach bottom of the grid. You have to go up and down few times and then the data keeps loading below.

#9

Hi @shinoyjose009

Can you attach a demo where we can reproduce the issue?
The demo from the original issue returns 404.

Please describe all the steps to do so.

#10

please find the working demo below :-

https://stackblitz.com/edit/scroll-issue

Steps to reproduce:-

  1. zoom out the browser to 75%
  2. Refresh the page if already loaded.
  3. scroll to the bottom of the grid using mouse. i.e clicking on the scrollbar and moving to the bottom of the grid fast.
  4. The last visible record is not the last record available on the grid.

I have taken a video. please check below link:-

https://drive.google.com/file/d/1t5oRzGxTNkaMXt096S4_q7_qne3mMlIv/view?usp=drivesdk

#11

Thanks @shinoyjose009

So 111 isn’t the last row?

If yes, it seems you have the same issue as reported - https://github.com/handsontable/handsontable/issues/3118

Unfortunately, we don’t have this topic on our Roadmap.