OCPBUGS-86350: Fix console frame shift when searching unwrapped log lines

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

@@ -812,20 +812,56 @@ export const ResourceLog: FC<ResourceLogProps> = ({
 
   // Workaround for upstream PF LogViewer bug: scrollIntoView({ inline: 'center' }) propagates
   // to all scrollable ancestors, shifting the page layout when searching with wrap lines disabled.
-  // Reset scrollLeft on .pf-v6-c-drawer__main to prevent the page shift.
+  // Reset scrollLeft on all scrollable ancestor containers to prevent the page shift.
   // https://github.com/patternfly/react-log-viewer/issues/106
   useEffect(() => {
-    const drawerMain = fullscreenRef.current?.closest('.pf-v6-c-drawer__main');
-    if (!drawerMain) {
+    if (!fullscreenRef.current) {
       return;
     }
-    const resetScroll = () => {
-      if (drawerMain.scrollLeft !== 0) {
-        drawerMain.scrollLeft = 0;
+
+    // Find all scrollable ancestor containers that could be affected
+    const scrollableAncestors: HTMLElement[] = [];
+    let element = fullscreenRef.current.parentElement;
+
+    while (element) {
+      const computedStyle = window.getComputedStyle(element);
+      const overflowX = computedStyle.overflowX;
+
+      // Check if this element can scroll horizontally
+      if (overflowX === 'auto' || overflowX === 'scroll') {
+        scrollableAncestors.push(element);
       }
+
+      // Also explicitly include known PatternFly containers
+      if (
+        element.classList.contains('pf-v6-c-drawer__main') ||
+        element.classList.contains('pf-v6-c-page__main') ||
+        element.classList.contains('pf-v6-c-page__main-container')
+      ) {
+        scrollableAncestors.push(element);
+      }
+
+      element = element.parentElement;
+    }
+
+    const resetScroll = () => {
+      scrollableAncestors.forEach((container) => {
+        if (container.scrollLeft !== 0) {
+          container.scrollLeft = 0;
+        }
+      });
+    };
+
+    // Attach scroll listeners to all identified containers
+    scrollableAncestors.forEach((container) => {
+      container.addEventListener('scroll', resetScroll);
+    });
+
+    return () => {
+      scrollableAncestors.forEach((container) => {
+        container.removeEventListener('scroll', resetScroll);
+      });
     };
-    drawerMain.addEventListener('scroll', resetScroll);
-    return () => drawerMain.removeEventListener('scroll', resetScroll);
   }, [fullscreenRef]);
 
   return (