Carousel - keyboard navigation activates all instances at once
Author: LukaszGrelaCreated Oct 27, 2025Updated Oct 27, 2025
- components:
Carousel - reactstrap version
#9.2.3 - import method
es - react version
#18.3.1 - bootstrap version
#5.3.3
What is happening?
When there are more than one instances of Carousel on screen, and keyboard is not false to use key navigation, left and right arrow keys would activate all instances of Carousel.
What should be happening?
Only focused carousel instance should react to keyboard
Steps to reproduce issue
- Add more than once instances of Carousel
- Use keyboard and notice all instances react to key navigation
Error message in console
N/A
Code
https://reactstrap.github.io/?path=/docs/components-carousel--props
Source: reactstrap/reactstrap