Last header column is hidden when stretchH is enabled and zoom in, zoom out browser

Tags: #<Tag:0x00007f0b1131a038>

When I zoom in or out on a browser and stretchH is enabled with value is “all”, the header column being hidden. Then when I click on any cell the last header column shows up. How to fix, please.

Hi @tung,
Thank you for your reporting. Unfortunately, we have multiple problems referring to the zoom or UI’s scaling. We grouped these problems on our issue-board: https://github.com/handsontable/handsontable/issues/7527.

Currently, I can suggest you trying use IntersectionObserver to detect that resize/zoom happen and then use the refreshDimensions() method that should refresh elements in Handsontable’s overlays.

1 Like

Thank you for your answer. I will try your way. hope this issue will be fixed.

There are a few options to track progress.
You can start observing Handsontable’s repository on Github (if you don’t observe us yet :sweat_smile:) to get notifications about releases.
Additionally, as https://my.handsontable.com user, you can opt-in to the product notifications. You will get an email from us every time we release a new version.

When stretchH: ‘all’ is enable, I see you set the visibility of the css: hidden for class:
.handsontable .ht_clone_left thead, .handsontable .ht_master thead, .handsontable .ht_master tr th {
visibility: hidden;
}
. So the table has hidden some last header column. Hope useful for you.
Thank you for helping me with my problem.

Thank you for your suggestion @tung!

1 Like