question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Carousel is not animated

See original GitHub issue

Bug description:

The carousel transitions are not animated and therefore, are not sliding. The slides are missing classes called carousel-item-next, carousel-item-left/right. Due to the lack of these classes during transition, the slides are not animated. You can see this behaviour, while debugging the original carousel on the bootstrap documentation page https://getbootstrap.com/docs/4.0/components/carousel/#with-indicators

Link to minimally-working plunker that reproduces the issue:

http://plnkr.co/edit/GXzJpDL0E5jF0wDYvvv2?p=preview

Version of Angular, ng-bootstrap, and Bootstrap:

Angular: 4.0.3

ng-bootstrap: 1.0.0-beta.3

Bootstrap: 4.0.0-beta

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:8
  • Comments:19 (6 by maintainers)

github_iconTop GitHub Comments

15reactions
hfourniercommented, Feb 28, 2018

There’s been a pr #1958 waiting for review for over 3 months now… when is this issue going to be resolved?

3reactions
linusbrolincommented, Dec 18, 2017

@TonyTheTech there is a pr to add animations for the carousel: https://github.com/ng-bootstrap/ng-bootstrap/pull/1958 They just havent reviewed and merged it yet. But you can always fork it and add my pr yourself to get the animations.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap 4 carousel slide not animating - Stack Overflow
Hi all I am using Boostrap 4 beta-2 and am trying to get the carousel to use the slide animation ...
Read more >
Carousel: Text and image animation not working properly
My solution is to set the image animation to run the entire course of one loop of the slider and not a single...
Read more >
Carousel Caption Animation - Material Design for Bootstrap
Actual behavior The CSS animation only triggers once, then once the same slide comes back into view, the CSS does not trigger again....
Read more >
Bootstrap | Carousel - GeeksforGeeks
It can be included in your webpage using “bootstrap.js” or “bootstrap.min.js”. Carousels are not supported properly in Internet Explorer, this ...
Read more >
Carousel · Bootstrap v5.1
The .active class needs to be added to one of the slides otherwise the carousel will not be visible. Also be sure to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found