From 6b68495d2f2b7f665b9d5f598b6519d415bdbaa4 Mon Sep 17 00:00:00 2001 From: Steve Goodwin Date: Tue, 24 Mar 2026 12:16:48 -0400 Subject: [PATCH] Prevent pod log search from shifting page layout Workaround for upstream PF LogViewer bug where scrollIntoView propagates to ancestor scroll containers when wrap lines is disabled Assisted by Claude code --- frontend/public/style/_overrides.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/frontend/public/style/_overrides.scss b/frontend/public/style/_overrides.scss index c51017ce67a..b9c0d436736 100644 --- a/frontend/public/style/_overrides.scss +++ b/frontend/public/style/_overrides.scss @@ -44,6 +44,14 @@ $masthead-logo-max-height: 60px; } } +// Upstream PatternFly LogViewer bug https://github.com/patternfly/react-log-viewer/issues/106 +// Prevent scrollIntoView in LogViewer from horizontally scrolling the drawer__main container when searching pod logs with wrap lines disabled. +// Workaround: Apply overflow: clip to remove the element from being a scroll container entirely, so scrollIntoView skips it. +// This prevents the page shift without affecting the log viewer's own horizontal scrolling. +#content .pf-v6-c-drawer__main { + overflow: clip; +} + .odc-catalog-tile { // Get rid of weird stretching of catalog grid items .pf-v6-c-card__header-main {