Switching from overview to changes in a merge request break breadcrumb layout
Summary
When switching from the "Changes" to the "Overview" tab, the breadcrumbs change to a centered, fixed width. This only happens if you navigate to the "Changes" tab then back to any of the other ones.
Steps to reproduce
- Follow the steps to Enable the new navigation
- Go to an MR page on a screen width > 1024px
- Click on the "Changes" tab
- Click back on the "Overview" tab
What is the current bug behavior?
The breadcrumbs get shrunk and centered on the page.
What is the expected correct behavior?
They should stay where they are.
Relevant logs and/or screenshots
Possible fixes
When the tab is switched, the container-limited class is applied to the breadcrumbs. It's likely that this happens as a result of a rogue JS function that changes the width for the MR diff. Find that rogue JS and make it more robust.