OCPBUGS-77204: Override appendTo only if needed

Author: logonoff

frontend/public/components/utils/resource-log.tsx

@@ -214,6 +214,8 @@ const LogControls: FC<LogControlsProps> = ({
   const [isLogTypeOpen, setIsLogTypeOpen] = useState(false);
   const [isOptionsOpen, setIsOptionsOpen] = useState(false);
 
+  const toolbarId = `resource-log-toolbar-${resource?.metadata?.name || 'unknown'}`;
+
   const logTypes: Array<LogType> = [
     { type: LOG_TYPE_CURRENT, text: t('Current log') },
     { type: LOG_TYPE_PREVIOUS, text: t('Previous log') },
@@ -270,7 +272,7 @@ const LogControls: FC<LogControlsProps> = ({
         onOpenChange={(isOpen) => setIsLogTypeOpen(isOpen)}
         isOpen={isLogTypeOpen}
         popperProps={{
-          appendTo: 'inline', // needed for fullscreen
+          appendTo: isFullscreen ? () => document.getElementById(toolbarId) : undefined,
         }}
       >
         <SelectList>
@@ -354,7 +356,7 @@ const LogControls: FC<LogControlsProps> = ({
       onOpenChange={setIsOptionsOpen}
       isOpen={isOptionsOpen}
       popperProps={{
-        appendTo: 'inline', // needed for fullscreen
+        appendTo: isFullscreen ? () => document.getElementById(toolbarId) : undefined,
       }}
     >
       <SelectList>
@@ -410,7 +412,7 @@ const LogControls: FC<LogControlsProps> = ({
     ));
 
   return (
-    <Toolbar data-test="resource-log-toolbar">
+    <Toolbar data-test="resource-log-toolbar" id={toolbarId}>
       <ToolbarContent>
         <ToolbarGroup className="pf-v6-u-display-flex pf-v6-u-flex-direction-column pf-v6-u-flex-direction-row-on-md pf-v6-u-w-100">
           <ToolbarGroup align={{ default: 'alignStart' }}>