Auto resize broken in version 16

Getting help Issues
1

Hi,

It seems that the DOM changes introduced in v16 broke the built-in auto resize functionality. During debugging I found that the root element (the div with .handsontable class) no longer resizes to fit the parent container - the wrapper divs do. Because of that, this width and height always remain the same, and so isSizeChanged always evaluates to false, and this code never executes.

There isn’t a demo online to showcase the problem, but it’s fairly easy to reproduce in the js/demo example available in handsontable repository: Just remove the hardcoded height of 450, and position the #example div absolutely to take the entire screen with overflow: hidden.

With the above setup, resizing the browser window will not resize handsontable with version 16, but works correctly if you switch to v15.

Please let me know if you need any more details,

Sandi

CC @dhaber

2

Hi @shrvic

Thank you for reporting the issue and doing the investigation.

I tried to replicate the issue here handsontable (duplicated) - StackBlitz. But I did not get any odd behavior. Could you please specify if you used 16.1.1 (there was a small fix for autoRowSize in the latest patch). If that is the version you tested, please let me know:

  • if you are able to replicate the issue in the demo from Stackblitz I attached
  • what is your OS/Browser setup
3

Hey @aleksandra_budnik,

The reason you couldn’t reproduce the issue is because of difference in styling. If you add this to your style.css, the issue will appear to you too:

#example1 {
  position: absolute;
  inset: 10px;
  overflow: hidden;
}

In the screenshot below, notice how there is white space left underneath the table after I resized the screen by making the dev tools smaller:

image
image1920×621 54.3 KB

For completeness sake, I use macOS/Chrome but it looks to me like this is not a OS/Browser related issue.

Thanks.

4

Hm… I am also on Chrome 140/macOS 26.0 and the result is different.

table
table994×1102 161 KB

Do you use any browser zoom or system scale? It seems that zooming out 90% and in 100% produces the empty space below the table. But when user reloads the table it is fine.

5

No, I don’t use zoom.

Please try resizing the view that contains the table. The easiest way to do it is to start with your browser window covering only half of the screen vertically, and then drag-expand the window to full height. The table will have white space below.

6

Ah I see. Thank you for the details. I will share it with the team.

Our next planning meeting is a week from now so it may take a while but I will update you as soon as we get team’s feedback.

reproduction
reproduction932×1089 155 KB

7

Hey @aleksandra_budnik, any updates? This is stopping us from upgrading to v16. Thanks.

8

Hi @shrvic

Aleksandra is currently out of the office but this issue hasn’t been scheduled yet. We will update this topic as soon as we have any timeline for this fix.

9

Hi @shrvic

We wanted to initiate this subject, but none of my colleagues, including myself, were able to replicate the issue. Could you please check how it works on the latest Chrome with the newest version of Handsontable?

10

Hey @aleksandra_budnik,

I just retested with Version 142.0.7444.60 (Official Build) (arm64) and handsontable@16.1.1 and yes, the issue is still there. Please share my initial post with the developers, it has the problem description, the cause, and even the code location of the faulty logic. That should be enough for them.

11

Thank you for rechecking the issue. I will consult our QA Engineer once again. We cannot arrange a code review check with a developer before we specify on how to replicate the issue. But let’s see what we can do. I will keep you updated.

12

Sure. You have the steps on how you reproduced it the last time, and that surely still works (and you did reproduce it and even add screenshots of it in one of your posts above).

13

Yes, I did. That is why I am astonished that I couldn’t replicate the same issue when asked by our QA. But fear not, we’ll check it out.

1 Like
14

Hi @shrvic our QA was able to replicate the issue. I will let you know more about the progress when it comes.

15

Hi @shrvic

Great news! We just fixed this issue in Handsontable v16.2.0. Please give it a try.

16

Hey!

Yes, auto-resize seems to be working again, thanks Aleksandra!

17

Great! Thank you for the confirmation.