simplebar icon indicating copy to clipboard operation
simplebar copied to clipboard

when padding is present on scrollable div, the scrollbar does not reach the bottom

Open ajssd opened this issue 5 years ago • 1 comments

Describe the bug When padding is present on scrollable div, the scrollbar does not go all the way to the bottom. I found a workaround where adding box-sizing:border-box solves it. It seems like simplebar could detect this case, and account for the padding when propagating the padding to the .simplebar-content element.

To Reproduce Go to https://grsmto.github.io/simplebar. Bring up the web inspector. Remove box-sizing:border-box from the HTML element's style.

Expected behavior Expect the scrollbar to go to the bottom, but it does not (when box-sizing is not given).

macOS Safari 13.0.5. simplebar 5.0.7.

ajssd avatar Jan 30 '20 18:01 ajssd

I can confirm this issue too, and box-sizing:border-box; indeed solved the problem.

I think this CSS rule should be added by simplebar, or at least should be added into README as instruction.

kuanyui avatar Mar 24 '21 03:03 kuanyui