The scrollbar cursor is sometimes behind the header and it’s hard or impossible to grab it.
AFAIK it happens only on Firefox (v59 64b) running on macOS, see images below.
Also tested, but no issues, with Safari (v11.1) & Chrome (v66) on macOS and under Windows 7 with IE 11 & Firefox v59 & Chrome.
This problem can be reproduced with Handsontable fiddle “complete guide to changing size”: fiddle
My scrollbars are set correctly.
The problem is not that the scrollbar is constantly visible or not, it’s the scrollbar position (z-index ?).
If you look at my first message attached screenshots you’ll see that, on the same Mac:
when scrolling is “when scrolling”, the “cursor” of the scrollbar is behind the column header with Firefox and in front of the column header with Safari.
when scrolling is “always”, the cursor is behind in Firefox and Safari
as here:
The problem with the cursor behind the column header is that for tables with a lot of records the cursor is smaller and it’s impossible to grab it.
You’re right saying that the fiddle doesn’t illustrate the problem, I can’t get it “wrong” anymore …
But, within my application, it’s still displayed as on the screen shots.
Is there a way to have the scrollbar “top” position being the “top” of the first row and not the top of the column header ? That would solve my problem…
If not, I’ll dig deeper and play with the hot element and his container settings to see if I can solve this.
I’m currently using Windows (here it all looks the same with scroll on top) so it’s hard to test but you can try to lower z-index of the Handsontable header. It’s thead CSS element.
Sorry for keeping you waiting. I was not able to replicate it on Mac PRO (Sierra) on one device but will ask the team to check and share their feedback.
