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

Nested slider is not working in loop mode #6642

Closed
5 of 6 tasks
alexovn opened this issue May 1, 2023 · 3 comments
Closed
5 of 6 tasks

Nested slider is not working in loop mode #6642

alexovn opened this issue May 1, 2023 · 3 comments

Comments

@alexovn
Copy link

alexovn commented May 1, 2023

Check that this is really a bug

  • I confirm

Reproduction link

https://stackblitz.com/edit/vue-j4w3xb?file=src/components/VueSlider.vue

Bug description

Nested slider is not working in loop mode. It seems like nested slider completely turns off if you use loop mode on main slider.

Expected Behavior

Nested slider is fully working in loop mode. You can swipe it, use navigation and etc.

Actual Behavior

No response

Swiper version

9.2.4

Platform/Target and Browser Versions

macOS Chrome 112.0.5615.137

Validations

  • Follow our Code of Conduct
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

  • I'm willing to open a PR
@alexovn alexovn changed the title Nested slider in looped main slider not working Nested slider is not working in loop mode May 6, 2023
@nolimits4web
Copy link
Owner

Look for issues on your side https://codesandbox.io/p/sandbox/swiper-default-forked-6pemeo

@alexovn
Copy link
Author

alexovn commented May 8, 2023

I've checked your example and there is an issue so. Try to click on navigation in looped nested slider. It's not working. And yet I can't use init="true" attribute on sliders, 'cause there will be a hydration error if you use SSR. So I initialize swiper in mounted hook only and looped slides still not working

@nolimits4web nolimits4web reopened this May 8, 2023
@alexovn
Copy link
Author

alexovn commented May 8, 2023

I forked your example and tried to set init="false" attribute on plane javascript solution. Nested sliders still not working in looped mode.
https://codesandbox.io/p/sandbox/swiper-default-forked-40nuc1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants