Description
Describe the bug
When sliding too fast to the right and then to the left (sometimes only in the other direction), a big transparent region appears.
Steps to reproduce the bug
Go to https://bootstrap-vue.org/docs/components/carousel
Scroll to the first carousel.
Move to the 3rd slide. Then, click on the 2nd slide button, and before it finished sliding, click on the 3rd slide button.
On our website (github.com/eternagame/eternagame.org), it seems like it happens in the other direction - To produce it there, I need to click on the 3rd button and click on the 2nd button while it is still sliding to the right.
Versions
Libraries:
On eterna:
- BootstrapVue: 2.6.11
- Bootstrap: 4.5.0
- Vue: 2.15.0
On the bootstrap-vue documentation:
I'm not sure about the versions used in the docs; As of filing this issue, the master of this repo is on 2f00167, and dev is on f018beb, but I haven't built the docs locally.
Environment:
- Device: Windows PC
- OS: Windows 10 19041.508
- Browser: Chrome
- Version: 85
Demo link
I haven't made my own demo, as it is reproducible on the documentation page.
If needed I'll add one and edit the issue.
Additional context
Video example:
https://drive.google.com/file/d/16USTsuqA9O7nr3A802t4oTwU1pE08ZUc/view?usp=drivesdk