In .net 8 blazor webapp i am using bootstrap tab to show the component data but when i try to switch to another tab instead of showing tab content it navigate me to Home page how i can fix this.

Question

this is my main page component where i have other tabs links
below are the tab content

By default company tab is active but when try to switch factory or any other tab it tries to navigate and send me back to home page. How i can fix this please help me. any kind of help would be appreciated.

Thanks

Answer 1

you will need to do detailed client side debugging.

the state change and component re-render triggered by the onclick hander probably overwrites the dom changes made by the bootstrap javascript. also you are triggering Blazor navigation to the current page which could also be causing the issue.

in general you should not use bootstrap javascript components with Blazor. The code can easily be rewritten to be Blazor only and only use bootstrap css.

note: you should avoid including the bootstrap js file with Blazor or other virtual dom frameworks.