You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is your feature request related to a problem? Please describe.
I have a swiper instance with 3 slides. When they all fit inside the container, I want to disable sliding and all controls and just use swiper as a layout. When they don't fit the parent any longer, I want "swiper to be an actual slider with certain swiper settings"
Describe the solution you'd like containerBreakpoints: {} property that works just as breakpoints: {} does, but using ResizeObserver for width changes and not window.matchMedia() or window.resize()
Describe alternatives you've considered
I guess I could do something similar myself. But I'm too afraid to run into bugs. Swiper is pretty complex and I've run into a lot of issues over the years, when trying fancy stuff with updating settings and killing and re-initializing the instance etc.
The text was updated successfully, but these errors were encountered:
katerlouis
changed the title
Breakpoints based on Contaner width and not window width (like element queries)
Breakpoints based on Contaner width and not window width with ResizeObserver
Feb 17, 2021
katerlouis
changed the title
Breakpoints based on Contaner width and not window width with ResizeObserver
Breakpoints based on Container width and not window width with ResizeObserver
Feb 17, 2021
Is your feature request related to a problem? Please describe.
I have a swiper instance with 3 slides. When they all fit inside the container, I want to disable sliding and all controls and just use swiper as a layout. When they don't fit the parent any longer, I want "swiper to be an actual slider with certain swiper settings"
Describe the solution you'd like
containerBreakpoints: {}
property that works just asbreakpoints: {}
does, but using ResizeObserver for width changes and notwindow.matchMedia()
orwindow.resize()
Describe alternatives you've considered
I guess I could do something similar myself. But I'm too afraid to run into bugs. Swiper is pretty complex and I've run into a lot of issues over the years, when trying fancy stuff with updating settings and killing and re-initializing the instance etc.
The text was updated successfully, but these errors were encountered: