Merge branch 'ph/348366/fixSuggestionsOverflow' into 'master'

Fixes suggestions dropdown not being fully visible

See merge request gitlab-org/gitlab!76729

app/assets/javascripts/vue_shared/components/markdown/suggestions.vue

@@ -165,6 +165,6 @@ export default {
 <template>
   <div>
     <div class="flash-container js-suggestions-flash"></div>
-    <div v-show="isRendered" ref="container" v-safe-html="noteHtml" class="md"></div>
+    <div v-show="isRendered" ref="container" v-safe-html="noteHtml" class="md suggestions"></div>
   </div>
 </template>

app/assets/stylesheets/framework/markdown_area.scss

@@ -139,6 +139,10 @@
   font-family: $monospace-font !important;
 }
 
+.suggestions.md > .markdown-code-block {
+  @include gl-static;
+}
+
 .md-suggestion-header {
   height: $suggestion-header-height;
   display: flex;