Scrollbars appear on IE without overflow content

[rvillalba-novetta]

Do you want to request a feature or report a bug?
Bug

What is the current behavior?
Scrollbars appear on IE even when the content is too small to scroll. I noticed this with scrollbars that shrink and grow. At certain heights scrollbars appear and at others they go away.

If current behavior is a bug, please provide the steps to reproduce it and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have extra dependencies other than react-scrollbars-custom. Paste the link to your JSFiddle or CodeSandbox example below:

What is the expected behavior?
Scrollbars should not appear if there isn't any overflow.

Which versions of react-scrollbars-custom, React, and which browser / OS are affected by this issue? Did this work in previous versions of react-scrollbars-custom?
4.0.16

[xobotyi]

Provide a sandbox example please.

[rvillalba-novetta]

Provide a sandbox example please.

Can't load sandbox on IE11 that's why I put a code snippet.

[StJohn3D]

First - Thank you for all the work that has gone into react-scrollbars-custom, it's a great package and I really love it!

Same issue, for a given scrollable test, I'm seeing the classNames ScrollbarsCustom trackYVisible trackXVisible being set in IE and Edge while only ScrollbarsCustom trackYVisible is set in Chrome and FireFox. Chrome and FF are doing the calculation correctly while Edge and IE11 are just always showing the horizontal scrollbar even when it is not necessary.
Tested in v4.0.16
Also the same is true for the vertical track when I tested with different example.

Side Note: The click+drag scrolling behavior in IE11 is a bit janky, also a little in Edge but not nearly as bad as IE11