Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #37107
Closed
Open
Issue created Sep 08, 2022 by Administrator@rootContributor3 of 3 checklist items completed3/3 checklist items

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

Created by: 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

Assignee
Assign to
Time tracking