OverlayScrollbars Version 2.3.0

Features

• Make use of the new ScrollTimeline API in supported browsers.
• Add the option scrollbars.autoHideSuspend to make it possible to suspend the autoHide functionality until the first scroll interaction was performed. The default value for this option is false for backwards compatibility reasons but is recommended to be true for better accessibility.
• Add a CSS selector to bridge deferred initializations visually.

Bug Fixes

• Fix a bug where a change wasn't detected properly when the target element was hidden initially. #546
• Fixed a bug where the scroll offset was reset to 0 sometimes after initialization when the target was the body element.

Improvements

• Expanded all examples and created a new Examples page with all available examples for all frameworks. #544

Changelogs:

You can read further details in the corresponding changelogs.

• overlayscrollbars
• overlayscrollbars-react
• overlayscrollbars-vue
• overlayscrollbars-ngx
• overlayscrollbars-svelte
• overlayscrollbars-solid

OverlayScrollbars Version 2.2.0

Improvements

• Force the scroll-behavior css property to be auto when the user interacts with a scrollbar to prevent smooth scrolling to apply where it shouldn't. #515
• The viewort, padding and content elements don't use the class attribute anymore for their styling. Instead each of them uses its own data-overlayscrollbars-* attribute. This has been done so that 3rd party libraries aren't conflicting with classnames from overlayscrollbars or vice versa. Selectors like .os-viewport, .os-padding or .os-content won't work anymore. #526 #530

Changelogs:

You can read further details in the corresponding changelogs.

• overlayscrollbars
• overlayscrollbars-react
• overlayscrollbars-vue
• overlayscrollbars-ngx
• overlayscrollbars-svelte
• overlayscrollbars-solid

OverlayScrollbars Version 2.1.0

Bug Fixes

• Fix a bug where initial RTL direction wasn't detected properly.

Features

• Introduce CSS Custom Properties to improve theming and styling of scrollbars. (#478)

Improvements

• Improve pointer event handling on scrollbar handle and track.
• Improve the README documentation with a styling section.

Changelogs:

You can read further details in the corresponding changelogs.

• overlayscrollbars
• overlayscrollbars-react
• overlayscrollbars-vue
• overlayscrollbars-ngx
• overlayscrollbars-svelte
• overlayscrollbars-solid

OverlayScrollbars Version 2.0.0

Read the details about this release in the corresponding changelogs:

• overlayscrollbars v2.0.0
• overlayscrollbars-react v0.4.0
• overlayscrollbars-vue v0.4.0
• overlayscrollbars-ngx v0.4.0
• overlayscrollbars-svelte v0.4.0
• overlayscrollbars-solid v0.4.0

OverlayScrollbars Version 1.13.3

Improvements:

• #452 change appear animation detection from z-index to cursor.
• #447 only call image callback when the plugin isn't destroyed.

OverlayScrollbars Version 1.13.2

Improvements:

• #434 Fixed onInitializationWithdrawn callback
• #377 Fixed HTMLImageElement Memory Leak

React:

• Added React 18 support

Vue:

• Added Vue3 support

OverlayScrollbars Version 1.13.1

Improvements:

• #256 Fixed z-index of .os-padding.
• #263 Fixed passive event-listeners on touch events

Angular:

• #210 updated peerDependency to >=7.0.0 to remove warnings for angular versions higher than 7
• #281 changed OverlayScrollbarsComponent properties from private to public to make it work with angularCompilerOptions.strictInputAccessModifiers

OverlayScrollbars Version 1.13.0

Improvements:

• #251 If you drag the scrollbar handle the click event won't be propagated to the body to be closer to the native behavior.
• #240 The .os-padding element has now default z-index.
• #238 Clickscrolling amount & speed adjusts now to the scrollbar-handle size to be more accurate.
• #226 The RTL(right to left) style won't be applied to the body element anymore to be closer to the native behavior.

OverlayScrollbars Version 1.12.0

Improvements:

• Implemented #197 - max-content is now used to detect the possible size if width is not fixed. (only if supported by the browser else the old algo. is used)
• Updated all wrapper versions to better support frontend frameworks. (#193)
• Removed useless touchevents from the host element (#195)
• GUI Tests

Features:

• A new option called updateOnLoad with which you can control on which elements / selectors OverlayScrollbars shall update automatically after the emit of a load event. Per default the value is set to ["img"] so the plugin will updated after any img emits a load event. You can set it to null to disable this auto updating entierly or add your own selectors to update only on special img elements or on for example loaded iframes. (#183)

Bugfixes:

• Fixed #190 - Removed the browser property inside of all package.json files (revert #166)

Deprecated:

• The cssCalc property inside the object which gets returned from the globals() is now deprecated and will be removed in future versions.

OverlayScrollbars Version 1.11.0

Improvements:

• Changed RTL behavior detection to support the Chromium web interoperability effort #187
• Implemented a way to intuitively set the tabindex attribute of the viewport element #153
• Changed restrictedMeasuring workaround (works via CSS now). Fixes #191
• Removed unnecessary CSS

Bugfixes:

• If ResizeObserver is supported, it now detects changes in padding in Chrome again.

Please make sure you use the latest CSS file, else version 1.11.0 won't work!