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

Tabs inside a Modal opened from a Navbar breaks style #6800

Open
3 tasks done
borzaka opened this issue May 6, 2024 · 0 comments
Open
3 tasks done

Tabs inside a Modal opened from a Navbar breaks style #6800

borzaka opened this issue May 6, 2024 · 0 comments
Labels

Comments

@borzaka
Copy link
Contributor

borzaka commented May 6, 2024

Prerequisites

Describe the bug

Opening a Modal (which contains a Tabs component) with a Nav item from a Navbar, the style breaks of the Tabs component, because it gets the navbar-nav class instead of nav.

Expected behavior

Tabs inside Modals opened from Navbar should look right as opened/displayed from anywhere else.

To Reproduce

  1. Insert a Navbar component
  2. Add a Nav item
  3. onClick on Nav item opens the Modal (which is inside the Navbar)
  4. inside the Modal render a Tabs component
  5. the UL item will receive a navbar-nav class, instead a nav class, which breaks style

Reproducible Example

https://codesandbox.io/p/sandbox/solitary-sound-nl27rm

Screenshots

These are the same components. The Modal is opened from the Navbar.

image

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

Linux

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

Chrome

What version of React-Bootstrap are you using?

2.10.2

What version of Bootstrap are you using?

5.3.3

Additional context

@borzaka borzaka added the bug label May 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant