Fix: Add overflow option for code snippets languages tab (#2742)

microsoftgraph · Aug 15, 2023 · 7a6f6d8 · 7a6f6d8
1 parent 10eae0e
commit 7a6f6d8
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/app/views/query-response/snippets/Snippets.tsx b/src/app/views/query-response/snippets/Snippets.tsx
@@ -5,6 +5,7 @@ import { AppDispatch, useAppSelector } from '../../../../store';
 import { componentNames, telemetry } from '../../../../telemetry';
 import { setSnippetTabSuccess } from '../../../services/actions/snippet-action-creator';
 import { renderSnippets } from './snippets-helper';
+import { translateMessage } from '../../../utils/translate-messages';
 function GetSnippets() {
   const dispatch: AppDispatch = useDispatch();
   const { snippets, sampleQuery } = useAppSelector((state) => state);
@@ -56,6 +57,8 @@ function GetSnippets() {
     selectedKey={snippets.snippetTab}
     onLinkClick={handlePivotItemClick}
     styles={{ text: { fontSize: FontSizes.size14 } }}
+    overflowBehavior='menu'
+    overflowAriaLabel={translateMessage('More items')}
   >
     {renderSnippets(supportedLanguages)}
   </Pivot>;