splide

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)

Sponsors ♥

• Adam
• Adrian Payne
• Martin Højberg Christiansen
• Jamal Soueidan

Bug Fix

• #632

Bug Fix

• #550

Adjust loading spinner and focus styles.

Performance optimization.

New Features

• Add the disable method to the Keyboard component

Bug Fix

• Should hide the "active" but invisible clone

Some bug fixes related with the "drag free" mode.

Add the is-active class to clones.

New Features

• Add data-splide-interval to override the autoplay interval for the specific slide.

New Features

• Add the releaseWheel option that releases the wheel event when the slider reaches the first or last slide so that the user can keep scrolling the page.

Feature

• Revise the sync process
• Delete the force "waiting" point

Bug Fix

• Canceling transition by double click stops the slider at the incorrect position