Skip to content

v1.2.0

Compare
Choose a tag to compare
@Julien-Marcou Julien-Marcou released this 28 Dec 21:03

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 to var(--scrollbar-padding))
    • --horizontal-scrollbar-padding: <padding>; (defaults to var(--scrollbar-padding))
  • The z-index of the viewport & scrollbars can now be customized:
    • --viewport-z-index: <z-index>; (defaults to 0)
    • --horizontal-scrollbar-z-index: <z-index>; (defaults to 10)
    • --vertical-scrollbar-z-index: <z-index>; (defaults to 20)
    • --scrollbar-z-index-hover: <z-index>; (defaults to 30)

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