reactstrap: Carousel Component captions overflow
- components:
Carousel
- reactstrap version
9.0.0
- react version
17.0.2
- bootstrap version
5.1.0
What is happening?
- When using a carousel the captions are visible twice & overflow out of the component.
What should be happening?
- Captions shouldn’t overflow out of the component.
Steps to reproduce issue
Error message in console
- Warning: Carousel.childContextTypes is specified but there is no getChildContext() method on the instance. You can either define getChildContext() on Carousel or remove childContextTypes from it.
About this issue
- Original URL
- State: closed
- Created 3 years ago
- Reactions: 7
- Comments: 18 (1 by maintainers)
Commits related to this issue
Hi! “reactstrap”: “^9.1.1”, Warning: Carousel.childContextTypes is specified but there is no getChildContext() method on the instance. You can either define getChildContext() on Carousel or remove childContextTypes from it. Is it not fixed??
@illiteratewriter The example from the docs has this problem. I use NextJS in my project so I created this example in NextJS.
oh thanks! I just removed the text from the carousel and It worked!
I used this for CSS to solve bad text but the error message in console still continues 😢
.carousel-indicators button { color: transparent; }Same issue here
It is working perfectly. Those who have problems can update reactstrap with npm.
Same both problems. Even if we can fix one bug by CSS, second with warning is still a question… Current question is more than one year old, probably many developers just change the carousel to the good one(any another library), when facing this problem.
yeah removing captions might be a temporary solution but that’s what I got at that time. I am also getting the same weird behavior on the carousel, It only slides one way, also doesn’t have animation to the other way.
Removing the caption is a temp solution and should not be considered as a fix. Lately, the carousel slides one way is anyone else getting the same behaviour?