In our project we specified scroll bar height to 10px, it causes the fixed column rows mismatch with major table rows when scroll to bottom. Here is a reproduciable demo: https://jsfiddle.net/k9psv4am
If I change ::-webkit-scrollbar
from
::-webkit-scrollbar {
width: 4px;
height: 10px;
}
to
::-webkit-scrollbar {
width: 4px;
height: 3px;
}
The result looks OK but the scroll bar is too narrow for user experience.
Looks handsontable calculate scroll bar in 3px
with hard code, is it correct? How should I fix this problem?