MR Analytics: Fix overlapping chart tooltip

app/assets/javascripts/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue

@@ -75,6 +75,11 @@ export default {
       type: String,
       required: true,
     },
+    suggestionsListClass: {
+      type: String,
+      required: false,
+      default: '',
+    },
   },
   data() {
     let selectedSortOption = this.sortOptions[0]?.sortDirection?.descending;
@@ -315,6 +320,7 @@ export default {
       :placeholder="searchInputPlaceholder"
       :available-tokens="tokens"
       :history-items="filteredRecentSearches"
+      :suggestions-list-class="suggestionsListClass"
       class="flex-grow-1"
       @history-item-selected="handleHistoryItemSelected"
       @clear-history="handleClearHistory"

changelogs/unreleased/280811-mr-analytics-chart-tooltip-overlays-filter-dropdown.yml

+---
+title: 'MR Analytics: Fix chart tooltip covering filter dropdown'
+merge_request: 47274
+author:
+type: changed

ee/app/assets/javascripts/analytics/merge_request_analytics/components/filter_bar.vue

@@ -169,6 +169,7 @@ export default {
       :search-input-placeholder="__('Filter results')"
       :tokens="tokens"
       :initial-filter-value="initialFilterValue"
+      suggestions-list-class="gl-z-index-9999"
       @onFilter="handleFilter"
     />
     <url-sync :query="query" />