diff --git a/superset-frontend/src/components/Dropdown/index.tsx b/superset-frontend/src/components/Dropdown/index.tsx index c40f479579d2e..1e2e03ceb24e8 100644 --- a/superset-frontend/src/components/Dropdown/index.tsx +++ b/superset-frontend/src/components/Dropdown/index.tsx @@ -104,12 +104,6 @@ interface ExtendedDropDownProps extends DropDownProps { ref?: RefObject; } -// @z-index-below-dashboard-header (100) - 1 = 99 export const NoAnimationDropdown = ( props: ExtendedDropDownProps & { children?: React.ReactNode }, -) => ( - -); +) => ; diff --git a/superset-frontend/src/dashboard/components/SliceHeaderControls/index.tsx b/superset-frontend/src/dashboard/components/SliceHeaderControls/index.tsx index 287d83692f9d2..17d5bdc83e05c 100644 --- a/superset-frontend/src/dashboard/components/SliceHeaderControls/index.tsx +++ b/superset-frontend/src/dashboard/components/SliceHeaderControls/index.tsx @@ -373,6 +373,12 @@ const SliceHeaderControls = (props: SliceHeaderControlsPropsWithRouter) => { ? t('Exit fullscreen') : t('Enter fullscreen'); + // @z-index-below-dashboard-header (100) - 1 = 99 for !isFullSize and 101 for isFullSize + const dropdownOverlayStyle = { + zIndex: isFullSize ? 101 : 99, + animationDuration: '0s', + }; + const menu = ( { )} diff --git a/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.tsx b/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.tsx index b38d44a710b78..84d19bae69504 100644 --- a/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.tsx +++ b/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.tsx @@ -191,6 +191,12 @@ export default function HeaderReportDropDown({ const showReportSubMenu = report && setShowReportSubMenu && canAddReports(); + // @z-index-below-dashboard-header (100) - 1 = 99 + const dropdownOverlayStyle = { + zIndex: 99, + animationDuration: '0s', + }; + useEffect(() => { if (showReportSubMenu) { setShowReportSubMenu(true); @@ -288,6 +294,7 @@ export default function HeaderReportDropDown({ <> triggerNode.closest('.action-button')