Bug reportSep 5, 2026· 0:19· 17 views
Swiper: dynamic-bullets pagination container inflates when active bullet has a custom width
0:19 total
Comments · 0
Be the first to comment.
Bug report— by SceneRecap AI
mediumPagination Component / Dynamic Bullets Layout Sizing
app: Swiper demo
Repro steps
- 1.Initialize Swiper with dynamicBullets pagination enabled and a custom active bullet width (40px).
- 2.Observe the pagination container width on Slide 1.
- 3.Navigate to Slide 2 and Slide 3 while inspecting the pagination container bounding box.
Expected
Pagination container width calculates dynamically based on visible bullet count (e.g. ~45px for 5 x 8px bullets).
Actual
Pagination container width inflates to 240px on Slide 2 and remains oversized across slide transitions.
Evidence
visualAt 7.0s, active bullet is 40px wide and pagination container is set to 80px.
visualAt 11.0s, Slide 2 pagination container expands to 240px instead of expected 45px.
visualAt 15.0s, Slide 3 pagination container remains inflated at 80px.
Issue markdown (copy-paste ready)
### Summary
When `dynamicBullets` pagination is used with custom active bullet widths, the pagination container calculates incorrect dimensions, expanding up to 240px.
### Steps to Reproduce
1. Open Swiper slider configured with `pagination: { dynamicBullets: true }` and custom bullet CSS (`active bullet: 40px`).
2. Navigate through slides (Slide 1 → Slide 2 → Slide 3).
3. Inspect the pagination container width.
### Expected Behavior
Pagination container width accurately wraps visible bullets (e.g., ~45px for five 8px bullets).
### Actual Behavior
Container width inflates to 240px on Slide 2 and remains oversized at 80px on Slide 3.
*Recorded with SceneRecap.*Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →