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
  • #36372
Closed
Open
Issue created May 16, 2022 by Administrator@rootContributor3 of 3 checklist items completed3/3 checklist items

New smooth scroll option in ScrollSpy not working

Created by: SamuelMiller

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

Using the latest js and css beta 5.2 Bootstrap, I am unable to get the new smooth scroll option in Scrollspy to work on the website I am starting to develop, using <div data-bs-spy="scroll" data-bs-target=".navbar" data-bs-smooth-scroll="true"> Clicking on scroll-to links in the top menu jumps to the anchor sections rather than smoothly scroll as it did before. There is no difference. I thought there might be a conflict with CSS scroll snap. But disabling that class in the CSS does not change anything.

Reduced test cases

I've duplicated the issue on Codepen, including custom Javascript: https://codepen.io/sam-miller-the-flexboxer/pen/BaYpvPL

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

macOS

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

Chrome, Safari, Firefox, Microsoft Edge

What version of Bootstrap are you using?

beta 5.2v

Assignee
Assign to
Time tracking