We want to only enable scrolling of handsontable only after the handsontable is selected. Currently, when you scroll down, when you get to the handsontable the handsontable begins to scroll. But we want to disable this when handsontable is not selected, and enable it when handsontlabe is selected.
We have option preventOverflow that should solve this problem, however the disadvantage of using it is that you can’t have specified height of the table, like here:
Also, is there some hook to recognize when we click outside of the handsontable? I want to disable the scroll when we are not html isn’t focused on the handsontable.
I’m afraid that can be hard to achieve as when you block the overflow in CSS it has impact on the Handsontable, where, as we know, preventing overflow doesn’t work well with table height specified. That might cause the problem with rendering after a few scrolls.
About your second question. We don’t have such a hook, all of them are designed to work inside the table.
@aleksandra_budnik, this doesn’t work because it disables scroll on the page entirely if you are hovering over the table.
We are trying to implement the ability to scroll through the entire page (even if it is hovering over the handsontable), and then enable the scroll on the handsontable only AFTER you select the table.
I see, at the moment, you should have a cursor outside of the table to scroll. So you may try adding an additional DIV element to Handsontable and then block it. Nevertheless, we do not support such a functionality out of the box, so those are only guesses.