Release Notes

Bug Fix

• Make Splide work with elements that come from other realms, such as an iframe (#931).

Bug Fix

• Fix typing for general components since they do not always exist (#927).

Bug Fixes

• Disable an inactive arrow after initialization. This bug happend if setting perPage to greater than 1, enabling focus and disabling trimSpace (#919).
• Check existence of arrows in the update() method for direct call (internal use only).

New Features

• Check whether total width of slides is enough wide for a carousel (#423, #614, #826). When detecting the status change, toggle the new is-overflow class on the root element and emits the overflow event. This also allows you to center contents when there are not enough slides. Visit this page for more details.
• Add the omitEnd option that omits some pagination dots that do not move a carousel but just changes the active slide. Also it disables a next arrow when a carousel reaches the last page. Visit this page for more details.
• Use height of the tallest slide in the fade type for consistensy with other types (#413, #837).

Bug Fixes

• Restart auto scrolling after vertical swipe (#850)
• Load images after dynamically adding slides if lazyLoad is enabled (#867)
• Hide pagination by display: none if the pagination option is false (#866)
• Fix jump from the first slide to the third one when the number of slides is same with perPage and focus is available (#848)

New features

• Accept the negative index for AutoScroll.speed so that a carousel is able to scroll backwards (#860)

Bug Fixes

• Stop rewinding a carousle in the loop mode if perPage is a multiple of perMove (#813)
• Fix incorrect property names in the RTM mode (#831)

Bug Fixes

• Update the active index after a carousel exceeds bounds (#810)
• Prevent arrrows from rewinding loop carousel with drag: 'free' in the specific rare condition

Bug Fixes

• Prevent VoiceOver from announcing the SR field by utilizing aria-busy for a moment (#805)
• Fix the unregistered prop name - scrollWidth (#807)

Bug Fix

• Release mouse from drag even when that happens on arrows (#781)

Bug Fix

• Improve performance of Grid and pagination on destroy (#740)

New Features

• Revise accessibility with following W3C Carousel Design Pattern
• Install a Live Region for screen reader users
• Reduce non-essential motions when detecting the prefers-reduced-motion media feature
• Support a toggle (combined play-pause) button for autoplay
• Make breakpoints behave like CSS media query, ensuring the same carousel between window resize and page load (#693, #694)
• Implement the Drag Free Snap mode
• Make the direction option responsive
• Add options to control the wheel sensitivity for inertia scroll (#618)
• Add the rewindByDrag option (#663)
• Patch :focus-visible for IE and Safari, and add focus styles to themes

Visit here for more details.

Bug Fixes

• Ensure to use the fade type specified by the data attribute (#659)
• Hide custom arrows by arrows: false (#654)