Applying styles to scrollbar in MUI theme or global css cause scrollbar artifacts inside Handsontable even if it was excluded with selector. &::-webkit-scrollbar, & *:not(.handsontable):not(.handsontable *)::-webkit-scrollbar Scrollbars placed under and to the right of the table, but it should be placed inside the table. Also there is a artifact on bottom right corner. (See screenshot)
Scrollbars artifacts
Thank you for the demo. I checked it, but the scrollbars look ok:
Do I need to perform any additional steps to get the same result as you?
Unfortunately it not looks good. I see an extra whitespace between scrollbar and column header name on yours screenshot.
This issue should be fixed now, as we released Handsontable 15.2.0 today. Can you please confirm that with this example? https://stackblitz.com/edit/react-xvbovrcy-s59yukpl?file=src%2Fstyles.css
I used your link and just uncomment css and it was reproduced https://stackblitz.com/edit/react-xvbovrcy-mggzkgal?file=package.json
This is the issue that was solved in Handsontable 15.2.0. I don’t know why the dependencies weren’t updated in the example.
URL: https://stackblitz.com/edit/react-xvbovrcy-cxqzyxxt?file=src%2Fstyles.css,package.json
@adrian.szymanski I forked project from last sandbox url -> uncomment css styles -> faced the issue. Checked package.json and there is v15.2.
Let me clarify one thing, the issue only occurs with your customized styling? If so, then there’s not much we can do about it. The only way would be to adjust your CSS.