react-splide icon indicating copy to clipboard operation
react-splide copied to clipboard

flickMaxPages option is ignored

Open leventdeniz opened this issue 1 year ago • 3 comments

Checks

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

Version

0.7.12

Description

This is my Splide component with options:

 <Splide
    options={{
      perPage: 1,
      perMove: 1,
      autoWidth: true,
      gap: 16,
      arrows: false,
      pagination: true,
      focus: 'center',
      flickMaxPages: 1,
      flickPower: 1,
      drag: true,
      snap: true,
    }}
  >

Now if i scroll real fast/flick it skips a lot of slides and does not only flick 1 slide at the time.

Reproduction Link

No response

Steps to Reproduce

have 3 or more items in basic slide configuration and flick real fast

Expected Behaviour

it should only go one slide at a time

leventdeniz avatar Jun 22 '23 15:06 leventdeniz

https://github.com/Splidejs/react-splide/assets/32421538/01cfc0e0-b8f6-4067-a81f-4d19acea4296

got a quick demo + code https://codesandbox.io/s/pedantic-cookies-kpprl2?file=/src/index.tsx

leventdeniz avatar Jun 22 '23 15:06 leventdeniz

same problem here. any approaches?

DanielSpindler avatar Feb 15 '24 18:02 DanielSpindler

Playing around with the Flickpower solved it for me. 600 is the default flickPower for anyone wondering. flickMaxPages defaults to 1 anyways.

DanielSpindler avatar Feb 15 '24 18:02 DanielSpindler