malihu-custom-scrollbar-plugin
malihu-custom-scrollbar-plugin copied to clipboard
Issue with scrollbars in IE 11
Hello,
I'm currently working on a project at my job which implements your scrollbars on certain divs inside its parent div container. In the latest Firefox and Chrome versions it works fine, however in IE, the divs that have the custom scrollbars sometimes show the scrollbars when they are not supposed to. Additionally, the scrollbars reappears, disappears until the div reaches its max height, which at that point it remains on.
I'm not sure what the problem might be, IE itself not handling something properly on its side, or something internal within the plugin's code. So, I'm wondering if you have an idea on what the issue could be and a way to resolve it?
I've attached a small clip showing what's going on, on my end.
As you can see in the clip the div is not even close to reaching its max height, yet the scrollbar still shows/reappears. I've also looked at issue #415, which is a similar issue, however the OP closed the issue without any sort of given solution/fix.
Anyways, any help is appreciated. Thanks in advance!
Same issue here since I updated the script to 3.1.5 from 3.1.3 and jquery to 3.x from 2.x. And not only with IE but with Chrome and Firefox too.
I've encountered same issue in one of my projects:
IE11 show useless scrollbars even when it is supposed not to do so (alwaysShowScrollbar
option is 0).
So I had to investigate this bug and came to the following conclusion: this two lines does not take the IE scrolllHeight bug into account. So plugin thinks that scroll contents are 1px bigger than scroll container and shows scroll everywhere.
As you can see from git blame
these two lines were introduced in 3.1.0
version, so in order to fix bug in my project I had to downgrade plugin version to 3.0.9
, in which those lines haven't been introduced yet.
I hope author of this plugin will fix this issue soon and I'd be able to use latest plugin version again.
I would gladly send PR by myself but I don't understand why this troublesome two lines were introduced in 3.1.0 so I'm unable to suggest viable solution.
+1
@malihu Any plans on fixing this issue?
+1 =)
+1 !
Having issue in ie particularly when it is on 115% zoom one black rectangle shows alongside message in my pop up. Find out issue that display:block is applying to div which id is generally "mCSB_id_scrollbar_vertical" as that same div get display:none in rest of zoom level and other browser
+1