v1.2.0
New features
- Touch devices are now able to scroll using the custom scrollbar
- Scaling the component with CSS transform is now supported
- NPM package is now minified (unpacked size has been reduced from 31.6kB to 24.2kB)
- Performance improvement
New CSS properties
(Thank you @hreyeslo)
- The padding of the scrollbars can now be changed independently using:
--vertical-scrollbar-padding: <padding>;
(defaults tovar(--scrollbar-padding)
)--horizontal-scrollbar-padding: <padding>;
(defaults tovar(--scrollbar-padding)
)
- The z-index of the viewport & scrollbars can now be customized:
--viewport-z-index: <z-index>;
(defaults to0
)--horizontal-scrollbar-z-index: <z-index>;
(defaults to10
)--vertical-scrollbar-z-index: <z-index>;
(defaults to20
)--scrollbar-z-index-hover: <z-index>;
(defaults to30
)
Bug fix
- Fix scrollbar triggering a drag&drop instead of scrolling the viewport in some cases
- Fix component being scrolled into the document's viewport when scrolling with the custom scrollbar