search

ismail9k / vue3-carousel

Vue 3 carousel component
https://ismail9k.github.io/vue3-carousel/
MIT License
660 stars 164 forks source link

wrapAround not working in breakpoints #44

Closed Kung-Fu-Grandma closed 2 years ago

Kung-Fu-Grandma commented 3 years ago

When I have :wrapAround="true" set on the carousel element, wrapAround works fine. However, I want to only have pagination (and therefore wrapAround) on smaller page sizes. If you have wrapAround on the carousel element, the slides appear out of order on large screen sizes. However, if you supply wrapAround: true in the breakpoints object, it breaks entirely.

Codepen here: https://codepen.io/eileengmccall/pen/PopozBp

You'll notice that if you shrink down the screen so the breakpoint activates, the number on the slide jumps to 5 and stays there as soon as you try to paginate.

Any help would be appreciated!

michalpaukert commented 2 years ago

Could you check this with new version? I think this could be fixed with my last commit.

subasically commented 2 years ago

@michalpaukert this is still an issue. I just tested the codepen that is linked in the description.

github-actions[bot] commented 2 years ago

This issue is stale because it has been open for 30 days with no activity.

github-actions[bot] commented 2 years ago

This issue was closed because it has been inactive for 14 days since being marked as stale.

github-actions[bot] commented 2 years ago

This issue was closed because it has been inactive for 14 days since being marked as stale.