Merge branch '32326-scrollable-tabs-overflow' into 'master'

prevent dropdowns from being cut-off by scrollable tab container

Closes #32328 and #32326

See merge request !11399

Conflicts:
	app/assets/stylesheets/framework/nav.scss

app/assets/javascripts/diff_notes/diff_notes_bundle.js

@@ -65,4 +65,6 @@ $(() => {
       'resolve-count': ResolveCount
     }
   });
+
+  $(window).trigger('resize.nav');
 });

app/assets/stylesheets/framework/nav.scss

@@ -352,6 +352,10 @@
   position: relative;
   overflow: hidden;
+  .merge-request-tabs-container & {
+    overflow: hidden;
+  }
+
   .nav-links {
     @include scrolling-links();
   }
@@ -488,7 +492,10 @@
 .inner-page-scroll-tabs {
   position: relative;
-  overflow: hidden;
+
+  .nav-links {
+    padding-bottom: 1px;
+  }
   .fade-right {
     @include fade(left, $white-light);