Navigation Bar previous active link is still active

[CoderS2020]

When we use the navigation bar to move from one page to another, on using the back button of the browser, the previously active page still remains active. This may confuse the user on exactly which page he/she currently is. I checked on Google Chrome as well as Microsoft Edge, both the browsers show the same error.

Steps to reproduce the behavior:

1. Travel some pages using navigation bar.
2. Then using the back button of browser go to previous pages.
3. You shall see that the previously active tab is still active even though we are not on that page.

Expected behavior:-
Only the current page's corresponding link/tab should be active. This will not confuse the user of current page's title.

Screenshots

Navigation_Error.mp4

Desktop

• OS: Windows 10
• Browser : Google Chrome, Microsoft Edge

[CoderS2020]

Hello, Greetings. If this is valid ,may I work on it?

[rahoolonly]

I think if you change the effect then will work. I can do this .

[CoderS2020]

Oh, thanks for recommending., but I actually found the solution for this.

[CoderS2020]

After a lot of searching I finally found out what was wrong. To know more about it you can go through the following links:-
react-bootstrap/react-router-bootstrap#242
react-bootstrap/react-router-bootstrap#243

[padmajabhol]

Good catch, thankyou @CoderS2020 , but please wait for a little before a maintainer assigns you an issue.

[CoderS2020]

@padmajabhol ,extremely sorry for my impatience, will take care of that from next time.

[padmajabhol]

@CoderS2020 no worries!