Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vertical slider with fade only shows first slide #1095

Open
2 tasks done
ehrig opened this issue Feb 12, 2023 · 3 comments
Open
2 tasks done

Vertical slider with fade only shows first slide #1095

ehrig opened this issue Feb 12, 2023 · 3 comments
Labels
bug Something isn't working

Comments

@ehrig
Copy link

ehrig commented Feb 12, 2023

Checks

Version

4.1.4

Description

Splide with direction: ttb and type: fade only shows the first slide. Navigating to the 2nd+ slide does not show the active slide.

Reproduction Link

https://jsfiddle.net/zy7dj0nv/2/

Steps to Reproduce

  1. Set direction to ttb
  2. Set type to fade

Expected Behaviour

2nd+ slide is visible when navigating to it.

Setting the height and heightRatio does not help either.

@ehrig ehrig added the bug Something isn't working label Feb 12, 2023
@dkjensen
Copy link

Currently experiencing the same thing on a project I am working on

@gmqiyue
Copy link

gmqiyue commented Jun 8, 2023

The issue is located in Fade.ts. The transform is set to translateX and is not configured based on the direction option.

@jennlee20
Copy link

Same problem when direction is rtl

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants