ng-bootstrap: Carousel is not animated
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
About this issue
- Original URL
- State: closed
- Created 7 years ago
- Reactions: 8
- Comments: 19 (6 by maintainers)
There’s been a pr #1958 waiting for review for over 3 months now… when is this issue going to be resolved?
@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.
@foo-baar doesn’t look like it. Follow #295, which leads to another PR.
I gave up. I’m using Angular Material instead and was able to easily implement my own animated carousel.