Search code examples
twitter-bootstrapbootstrap-4sticky

Bootstrap 4 Dashboard's active item not displayed in Firefox

In the following url https://getbootstrap.com/docs/4.0/examples/dashboard/ you can find a Dashboard template using latest Bootstrap 4.

In Chrome, navbar items are displayed properly and specifically active navbar item with the name Dashboard (can not embed image due to lack of reputation to visualize the issue) while in Firefox the active Dashboard element is not displayed at all!

I am using the template in a project and can not figure out what causes this issue.

Any help will be much appreciated.

Solution

  • The problem is with Firefox lack of support for position: sticky which is used in the sidebar. As a workaround, you can use position: absolute on the sidebar...

    .sidebar-sticky {
    position: absolute;
}

    Bootstrap 4 Dashboard Demo