splide icon indicating copy to clipboard operation
splide copied to clipboard

Vertical slider with fade only shows first slide

Open ehrig opened this issue 2 years ago • 2 comments

Checks

  • [X] Not a duplicate.
  • [X] Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

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 avatar Feb 12 '23 08:02 ehrig

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

dkjensen avatar Apr 27 '23 13:04 dkjensen

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

gmqiyue avatar Jun 08 '23 14:06 gmqiyue