Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Navs and Tabs - Tabs doesn't work correctly when nav-links are anchors <a> #40438

Closed
3 tasks done
Jedikops opened this issue May 22, 2024 · 1 comment
Closed
3 tasks done

Comments

@Jedikops
Copy link

Jedikops commented May 22, 2024

Prerequisites

Describe the issue

Please, verify whether achors on nav-tabs work correctly.
I've checked with button elements and that works fine, but when i use anchors - tabs doesn't switch.
The problem can be seen on bootstrap's pages as well.

https://getbootstrap.com/docs/5.0/components/navs-tabs/

Try switching tabs where nav-links are made of anchors.

Reduced test cases

https://getbootstrap.com/docs/5.0/components/navs-tabs/#tabs

  1. Open Dev tools - find elements
  2. Switch tabs under "Tabs" section
  3. Notice 'active' class doesn't switch.

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

Windows

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

Chrome, Microsoft Edge, Firefox

What version of Bootstrap are you using?

Found in 5.3.3, but 5.0.0 is affected too.

@carlosmintfan
Copy link

Please reopen this if you closed it accidentally. 😃

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants