akiran / akiran/react-slick

[react-slick] Reverse swipe from last slide ignores slidesToScroll and active dots disappear (infinite=false)

Offen
#2,436 0 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
11.9k
Forks
2.1k
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

When the user reaches the very last slide and keeps trying to swipe forward (knowing nothing is there), then tries to swipe **backward** again, two issues occur:

1. On the **first reverse swipe**, the slider only scrolls **1 slide** — even though `slidesToScroll` is set to 2.

* From the **second reverse swipe onwards**, the slider scrolls correctly by 2 slides.

2. After swiping beyond the last slide, the **active dot indicator disappears**.

* When swiping back, the active dot does not match until the second swipe.

---

#### My settings

```tsx
const settings = {
dots: true,
infinite: false, // important: finite mode
slidesToShow: 2, // or 3/4 depending on screen size
slidesToScroll: 2, // should always scroll in pairs
speed: 500,
arrows: false,
adaptiveHeight: true,
};
```

---

#### Expected behavior

* Every swipe (forward or backward) should respect `slidesToScroll`.
* The **active dot** should always remain visible and correctly reflect the current position.

---

#### Actual behavior

* Forward overswipe at the end does nothing (✅ correct).
* First reverse swipe → scrolls only 1 slide (❌ unexpected).
* Subsequent reverse swipes → scrolls 2 slides (✅ correct).
* After overswiping forward at the end → the **active dot disappears** (❌ unexpected).

---

#### Question

* Is this a known bug in React-Slick / Slick?
* Is there a recommended workaround or fix so that:

1. Reverse swipes from the last slide always respect `slidesToScroll`.
2. Active dots never disappear after overswiping beyond the last slide.

### Check your example also with same issue: [Link](https://react-slick.neostack.com/docs/example/responsive)

Thanks!

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.