Since Chromium 84, the page scrolls with the toggle button of an accordion (might be other scenarios), because the browser tries to keep the button in the same position in the viewport.
This has been fixed in Bootstrap 4.5.1 via this PR: twbs/bootstrap#31347
However, because Bootstrap-Vue doesn't follow the same structure for accordions it doesn't apply here.
The fix is to add the style overflow-anchor: none to either the toggle button or a parent of the button.
We could solve this by adding a overflow-anchor-none and overflow-anchor-visible utility classes, and have overflow-anchor-none applied by default via v-b-toggle, and for users toggling accordion's another way could still utilize the helper class to turn off the behavior if they want.
Maybe have a setting to decide whether v-b-toggle should turn off this behavior or not.
Libraries:
Environment:
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4