Environment

• Browser:
  • Chrome 80.0.3987.116
  • Firefox 73.0.1
  • Safari 13.0.5
• Version of smooth-scrollbar: 8.2.7 +

Issue Summary

Browser prompts:

Refused to apply inline style because it violates the following

I couldn't find any documentation on how to increase the touch area of the DragScrollBar (it's pretty hard to catch it unless you make it pretty fat).

In the end, I've found a work around and thought I'd leave it here in case anyone was looking to do the same and would be looking here. Maybe add to the documentation ?

You can increase the touch zone by simultaneously increasing:
`app:msb_ba

I would like to modify the styling of the vertical scrollbar and thumb. In the documentation it is mentioned that to override the default you'll need to so something like
thumbYProps={{ renderer: props => { const { elementRef, ...restProps } = props; return <span {...restProps} ref={elementRef} className="tHuMbY" />; } }}
But in the code [examples](https://github.

Reproduction

StackBlitz reproduction.

Steps to reproduce:

1. Scroll up and down
2. body has a red background to make it obvious

Expected Behavior

For a 100vh viewport height with a 100vh content height no scroll should appear

Actual Behavior

Scroll is happening

Environment

• Angular: 8.2.14
• ngx

Scroll bar width calculation is not necessary. Instead we can just increase the right css property to one assuring level which works on all browsers and also increasing the padding-right to same value.

When using the library and the tab is visible, the height CSS rule increases at about 1000 pixels per second, as long as the page is in view. Switching tabs stops this behavior, and the behavior resumes when switching back. This happens for all instance on the page. I've included a screenshot of two instances updating, and the relevant code attached to the event that's doing it.

![image](https:

• React@15.4.2
• React-Scrollbar-js@1.0.1

Warning: This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the property `shiftKey` on a released/nullified synthetic event. This is set to null. If you must keep the original synthetic event around, use event.persist(). See https://fb.me/react-event-pooling for more information.

import Rea

@jfcere @teslovych

I'm using "ngx-malihu-scrollbar": "^1.3.1", with
windows 10,
Angular 5
node 10.16.0

Plugins working nicely on firefox and chrome, but it is showing default scrollbar in IE11, even there is less content.

Expect behaviour
It should not show scrollbar untill content height goes larger than div's max-height.
(I Apologize for bad English.)