pauseOnFocus / pauseOnHover does not work

[tzezar]

trafficstars

Checks

• [X] Not a duplicate.
• [X] Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

0.2.9

Description

Slider stops on hover with settings

pauseOnFocus: false,
pauseOnHover: false,

this occurs only in svelte/sveltekit.

Reproduction Link

No response

Steps to Reproduce

<script>
	import { Splide, SplideSlide, SplideTrack, type Options } from '@splidejs/svelte-splide';
	import { AutoScroll } from '@splidejs/splide-extension-auto-scroll';
	const splideOptions: Options = {
		pauseOnFocus: false,
		pauseOnHover: false,
		perPage: 3,
		autoScroll: {
			speed: 3
		},
		arrows: false,
		pagination: false
	};
</script>
	<Splide
	          options={splideOptions}
	          hasTrack={false}
	          aria-labelledby="autoplay-example-heading"
	          extensions={{ AutoScroll }}
          >
	          >
	          <div style="position: relative">
		          <SplideTrack>
			          <SplideSlide>
				          <img
					          src="https://www.shutterstock.com/image-vector/img-vector-icon-design-on-260nw-2164648583.jpg"
					          alt="Image 1"
				          />
			          </SplideSlide>
			          <SplideSlide>
				          <img
					          src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQjfEVWVqmdR82XU2f9eUuDJ_NMbmamzi0TZQ&s"
					          alt="Image 2"
					          class="w-full"
				          />
			          </SplideSlide>
			          <SplideSlide>
				          <img
					          src="https://www.shutterstock.com/image-vector/img-vector-icon-design-on-260nw-2164648583.jpg"
					          alt="Image 1"
				          />
			          </SplideSlide>
			          <SplideSlide>
				          <img
					          src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQjfEVWVqmdR82XU2f9eUuDJ_NMbmamzi0TZQ&s"
					          alt="Image 2"
				          />
			          </SplideSlide>
			          <SplideSlide>
				          <img
					          src="https://www.shutterstock.com/image-vector/img-vector-icon-design-on-260nw-2164648583.jpg"
					          alt="Image 1"
				          />
			          </SplideSlide>
			          <SplideSlide>
				          <img
					          src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQjfEVWVqmdR82XU2f9eUuDJ_NMbmamzi0TZQ&s"
					          alt="Image 2"
				          />
			          </SplideSlide>
		          </SplideTrack>
	          </div>
          </Splide>

Expected Behaviour

It does not stop

[Oleksandr07]

Try this

{
  autoScroll: {
    speed: 1,
    pauseOnHover: false,
  },
}