Skip to content

Vertical slider with fade only shows first slide #1095

@ehrig

Description

@ehrig

Checks

  • Not a duplicate.
    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.

Activity

dkjensen

dkjensen commented on Apr 27, 2023

@dkjensen

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

gmqiyue

gmqiyue commented on Jun 8, 2023

@gmqiyue

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

jennlee20

jennlee20 commented on Oct 28, 2024

@jennlee20

Same problem when direction is rtl

added a commit that references this issue on Feb 23, 2025
11531ca
added a commit that references this issue on May 29, 2025
11cdb6b
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Participants

      @dkjensen@ehrig@jennlee20@gmqiyue

      Issue actions

        Vertical slider with fade only shows first slide · Issue #1095 · Splidejs/splide