Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

pauseOnFocus / pauseOnHover does not work #1327

Open
2 tasks done
tzezar opened this issue Sep 3, 2024 · 1 comment
Open
2 tasks done

pauseOnFocus / pauseOnHover does not work #1327

tzezar opened this issue Sep 3, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@tzezar
Copy link

tzezar commented Sep 3, 2024

Checks

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

@tzezar tzezar added the bug Something isn't working label Sep 3, 2024
@Oleksandr07
Copy link

Try this

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants