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

See original GitHub issue

This is a (multiple allowed):

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

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:4
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
dangelioncommented, Aug 3, 2022

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

0reactions
populationtwocommented, Sep 8, 2022

Still experiencing the issue. My workaround for now:

on: {
        afterInit: () => {
          this.slideTo(0); 
      },
}
Read more comments on GitHub >

github_iconTop Results From Across the Web

How to make swiper navigation disabled on activeIndex == 1
i set the initial slide on "1". i want to make the swiper navigation disable on index "1". can you please to figure...
Read more >
Swiper API
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
Read more >
fancybox3 · Documentation
You can install fancybox by linking .css and .js files to your html file. ... close button (if you have not disabled by...
Read more >
Swiper - Relocating Previous and Next Buttons - CodePen
Insecure Resource. The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https....
Read more >
Swiper—Jumping on Page Load Resolved | by Aaron K.
This tutorial combines everything I learned from the preceding tutorials—moving previous and next buttons outside of Swiper's container to fix a ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found