Accessibility: Constrain popups to screen height (#110241)

* limit ButtonSelect dropdown height to screen height and scroll the overflow

* limit color picker size to screen height and scroll if constrained

packages/grafana-ui/src/components/ColorPicker/ColorPicker.tsx

@@ -95,6 +95,8 @@ const getStyles = stylesFactory((theme: GrafanaTheme2) => {
       color: theme.colors.text.primary,
       maxWidth: '400px',
       fontSize: theme.typography.size.sm,
+      maxHeight: '100vh',
+      overflow: 'auto',
     }),
   };
 });

packages/grafana-ui/src/components/Dropdown/ButtonSelect.tsx

@@ -127,6 +127,8 @@ const getStyles = (theme: GrafanaTheme2) => {
     }),
     menuWrapper: css({
       zIndex: theme.zIndex.dropdown,
+      maxHeight: '100vh',
+      overflow: 'auto',
     }),
   };
 };