5.2.x tab.show() makes the page scroll to tab

[vancanneytsander]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Since 5.2.0 when firing:
const tab = new bootstrap.Tab('#myTab')
tab.show()

the page scrolls to the activated tab. Which is an unwanted behavior that occurs since 5.2.0

prior to 5.2.0, the normal behavior was that the tab is shown, but doesn't scroll to the activated tab. If I revert to the bundles js from 5.1.3 no issue.

Tested on Chrome, Safari and Firefox. Chrome and Safari have same issue.

Reduced test cases

To reproduce, visit https://www.spaceweatherlive.com/en.html
Select tab 'Solar activity'
There you select tab 'Epam'
Now reload the page so that tab.show('') gets fired to activate selected tabs, you'll see that it scrolls to the last tab that was activated by the javascript call.

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome, Safari

What version of Bootstrap are you using?

5.2.1

[GeoSot]

It can be solved adding focus({preventScroll:false}), but maybe @patrickhlauke can enlighten us for the right behavior (or if it should be optioned)

[patrickhlauke]

the show() method should probably not also trigger a change of focus position (which seems to be what's happening here). leave it up to authors to do what they want with their focus.

[GeoSot]

@vancanneytsander can you try this script to your case and feedback me?
https://deploy-preview-37146--twbs-bootstrap.netlify.app/docs/5.2/dist/js/bootstrap.bundle.min.js

[vancanneytsander]

Tested and can confirm this solves this issue!