Skip to content

[Carousel] programmatic slide control not smooth #5361

Closed
@gmw-web

Description

@gmw-web

Describe the bug

Programmatic slide control is not smooth, while navigating via built-in indicators is.

Steps to reproduce the bug

  1. Go to https://codepen.io/gmw-web/pen/yLYqbqX?editors=1010

  2. Click on the next/prev buttons in the slides, these trigger programmatic slide control.

  3. See that the transition 'jumps' to somewhere halfway the animation.

  4. Click the indicators below the next/prev buttons.

  5. See that these trigger nice transitions.

Expected behavior

I would expect the programmatic slide control to trigger the same, smooth transitions as the indicators.

Versions

Libraries:

  • BootstrapVue: 2.14.0
  • Bootstrap: 4.4.1
  • Vue: 2.6.11

Environment:

  • Device: PC
  • OS: Windows 10 Enterprise
  • Browser: Chrome
  • Version: 81.0.4044.138

Demo link

https://codepen.io/gmw-web/pen/yLYqbqX?editors=1010

Additional context

I tried setting 'keys' on the individual slides, but this did not fix the issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions