Release Notes

The history of additions, improvements and bug fixes I've made to Splide.

v4.1.3

Bug Fix

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

v4.1.2

Bug Fix

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

v4.1.1

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).
Get Package

v4.0.14

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)
Get Package

v4.0.7

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)
Get Package

v4.0.6

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
Get Package

v4.0.3

Bug Fixes

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

v4.0.2

Bug Fix

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

v4.0.1

Bug Fix

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

v4.0.0

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)
Get Package