You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
However, I am still not sure if this will break anything in there, but my tests shows no breaks so far.
I would like to suggest a way of placing the scrollbar outside of the scrollable container, either by removing the overflow hidden in the outermost container, or placing the scrollbar nested a level above, and pad the container.
The text was updated successfully, but these errors were encountered:
Sorry for the late answer, but I've overlooked your issue. The plugin doesn't officialy support the placement of the scrollbars outside of the host-element. If you just need some space between the scrollbars and your content, I would recommend to use the paddingAbsolute option to make that happen. I've created a small showcase of this option the FAQ (4th question from the top).
Can cause unexpected behavior, but only in very specific cases. If everything is running without any noticable error, then it's fine and you can keep the hack. But please be aware of potential (hard to test and trace back) errors because of this. These can occur with very exotic styling / DOM (auto height / auto witdh with float, position fixed, negative margin, inline-block elements, flex elements etc.).
I was just trying to get the scrollbar outside of the scrollable container, and I had to hack it so:
.os-host-overflow { overflow: visible !important; }
.os-scrollbar.os-scrollbar-vertical { transform: translateX(13px); }
.os-scrollbar.os-scrollbar-horizontal { transform: translateY(13px); }
However, I am still not sure if this will break anything in there, but my tests shows no breaks so far.
I would like to suggest a way of placing the scrollbar outside of the scrollable container, either by removing the overflow hidden in the outermost container, or placing the scrollbar nested a level above, and pad the container.
The text was updated successfully, but these errors were encountered: