diff --git a/packages/grafana-ui/src/components/Cascader/Cascader.tsx b/packages/grafana-ui/src/components/Cascader/Cascader.tsx index 8f29db1cc43..718086739fc 100644 --- a/packages/grafana-ui/src/components/Cascader/Cascader.tsx +++ b/packages/grafana-ui/src/components/Cascader/Cascader.tsx @@ -198,6 +198,10 @@ export class Cascader extends React.PureComponent value={rcValue} fieldNames={{ label: 'label', value: 'value', children: 'items' }} expandIcon={null} + // Required, otherwise the portal that the popup is shown in will render under other components + popupClassName={css` + z-index: 9999; + `} >
) => { const props: Props = { - theme: { type: GrafanaThemeType.Dark, isDark: true, isLight: false } as GrafanaTheme, onChange: jest.fn(), thresholds: { mode: ThresholdsMode.Absolute, steps: [] }, };