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
With swiper, there is a class that gets added (swiper-button-disabled) when the previous or next buttons are disabled, meaning you can't paginate. However, it looks like this class does not get reset on page resize.
For example, if I set the limit of results to 4 with slides per view as 5 on a desktop carousel, the next button has two classes ss__carousel__next-wrapper--hidden and swiper-button-disabled (correct): https://capture.dropbox.com/YmWIhvzSjNyFMtXB
On smaller breakpoints, if I set slides per view to 2 and can now paginate, swiper-button-disabled remains but ss__carousel__next-wrapper--hidden goes away: https://capture.dropbox.com/y1pSx9JFkcRGGarL
From a CSS perspective, we can just use ss__carousel__next-wrapper--hidden for styling instead, but another reason to look into this might be regarding the aria-disabled="true" attribute saying the button is hidden when it's not. A page refresh does fix this, but right now the class removal and attribute update is not consistent.
The text was updated successfully, but these errors were encountered:
With swiper, there is a class that gets added (
swiper-button-disabled
) when the previous or next buttons are disabled, meaning you can't paginate. However, it looks like this class does not get reset on page resize.For example, if I set the limit of results to 4 with slides per view as 5 on a desktop carousel, the next button has two classes
ss__carousel__next-wrapper--hidden
andswiper-button-disabled
(correct):https://capture.dropbox.com/YmWIhvzSjNyFMtXB
On smaller breakpoints, if I set slides per view to 2 and can now paginate,
swiper-button-disabled
remains butss__carousel__next-wrapper--hidden
goes away:https://capture.dropbox.com/y1pSx9JFkcRGGarL
From a CSS perspective, we can just use
ss__carousel__next-wrapper--hidden
for styling instead, but another reason to look into this might be regarding thearia-disabled="true"
attribute saying the button is hidden when it's not. A page refresh does fix this, but right now the class removal and attribute update is not consistent.The text was updated successfully, but these errors were encountered: