nolimits4web / swiper

Most modern mobile touch slider with hardware accelerated transitions

Home Page:https://swiperjs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Swiper appendSlide method doesn't work properly when virtual slides are enabled. (web-component)

shekhaua opened this issue · comments

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/sandbox/swiper-manipulation-forked-7886d2?file=%2Findex.html%3A81%2C29&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clxllpcyz00073b6nwbp380wt%2522%252C%2522sizes%2522%253A%255B100%252C0%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clxllpcyy00033b6nyh1g9ulo%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clxllpcyz00043b6nfdjhar9d%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clxllpcyz00063b6nzt0zx8me%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clxllpcyy00033b6nyh1g9ulo%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clxllpcyy00023b6n9g5gg4fv%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Findex.html%2522%252C%2522state%2522%253A%2522IDLE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A81%252C%2522startColumn%2522%253A29%252C%2522endLineNumber%2522%253A81%252C%2522endColumn%2522%253A29%257D%255D%257D%255D%252C%2522id%2522%253A%2522clxllpcyy00033b6nyh1g9ulo%2522%252C%2522activeTabId%2522%253A%2522clxllpcyy00023b6n9g5gg4fv%2522%257D%252C%2522clxllpcyz00063b6nzt0zx8me%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clxllpcyz00053b6nmmg7yxt8%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clxllpcyz00063b6nzt0zx8me%2522%252C%2522activeTabId%2522%253A%2522clxllpcyz00053b6nmmg7yxt8%2522%257D%252C%2522clxllpcyz00043b6nfdjhar9d%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522clxllpcyz00043b6nfdjhar9d%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Afalse%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

Bug description

When swiper web-component is configured to provide virtual slides functionality, calling the appendSlide swiper method doesn't have effect.

Expected Behavior

When swiper 'virtual' parameter is set to true, the appendSlide should add slides at the end of the slide list.

Actual Behavior

When swiper 'virtual' parameter is set to true, the appendSlide swiper method doesn't work

Swiper version

11.1.4

Platform/Target and Browser Versions

Google Chrome 125.0.6422.176 (Official Build) (x86_64) (Mac)

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

t0ggles-create swiper

Task nolimits4web/SWIPER-142 was created

t0ggles task SWIPER-142