diff --git a/frontend/public/components/utils/resource-log.tsx b/frontend/public/components/utils/resource-log.tsx index e0cd1a4c33a..c9177ad19be 100644 --- a/frontend/public/components/utils/resource-log.tsx +++ b/frontend/public/components/utils/resource-log.tsx @@ -216,6 +216,8 @@ const LogControls: FC = ({ const [isLogTypeOpen, setIsLogTypeOpen] = useState(false); const [isOptionsOpen, setIsOptionsOpen] = useState(false); + const toolbarId = `resource-log-toolbar-${resource?.metadata?.name || 'unknown'}`; + const logTypes: Array = [ { type: LOG_TYPE_CURRENT, text: t('Current log') }, { type: LOG_TYPE_PREVIOUS, text: t('Previous log') }, @@ -272,7 +274,7 @@ const LogControls: FC = ({ onOpenChange={(isOpen) => setIsLogTypeOpen(isOpen)} isOpen={isLogTypeOpen} popperProps={{ - appendTo: 'inline', // needed for fullscreen + appendTo: isFullscreen ? () => document.getElementById(toolbarId) : undefined, }} > @@ -356,7 +358,7 @@ const LogControls: FC = ({ onOpenChange={setIsOptionsOpen} isOpen={isOptionsOpen} popperProps={{ - appendTo: 'inline', // needed for fullscreen + appendTo: isFullscreen ? () => document.getElementById(toolbarId) : undefined, }} > @@ -412,7 +414,7 @@ const LogControls: FC = ({ )); return ( - +