swiper: 'swiper-button-disabled' class is not applied after initial render

This is a (multiple allowed):

bug
enhancement
feature-discussion (RFC)
Swiper Version: 6.4.1
Platform/Target and Browser Versions: All.
Live Link or JSFiddle/Codepen or website with isssue: https://codesandbox.io/s/nuxt-swiper-qlvlg?file=/components/Swiper.vue

What you did

Created a swiper with items inside of it. Issue can be reproduced on default settings as well as with slidesPerView: ‘auto’. Option watchOverflow is set to true

Expected Behavior

‘swiper-button-disabled’ should apply to navigation buttons right after initial render of the swiper if the number of slides is smaller than container width

Actual Behavior

‘swiper-button-disabled’ is not applied after initial render

About this issue

Original URL
State: closed
Created 4 years ago
Reactions: 5
Comments: 15 (2 by maintainers)

Most upvoted comments

Still experiencing the issue. My workaround for now:

on: {
        afterInit: () => {
          this.slideTo(0); 
      },
}

populationtwo on Sep 8, 2022

These workarounds don’t work, is this a recognized bug that will be solved? In that case I could temporary live with it…

dangelion on Aug 3, 2022