From c3c2e527ee0e06c131432d58c34d694839e203c2 Mon Sep 17 00:00:00 2001 From: Alex Andreev Date: Thu, 5 Nov 2020 09:29:34 +0300 Subject: [PATCH] Horizontal scrolling to founded keyword Signed-off-by: Alex Andreev --- src/renderer/components/dock/pod-logs.tsx | 5 +++++ types/dom.d.ts | 7 +++++++ 2 files changed, 12 insertions(+) create mode 100644 types/dom.d.ts diff --git a/src/renderer/components/dock/pod-logs.tsx b/src/renderer/components/dock/pod-logs.tsx index a5a289f25e..e4fcaa63f8 100644 --- a/src/renderer/components/dock/pod-logs.tsx +++ b/src/renderer/components/dock/pod-logs.tsx @@ -116,7 +116,12 @@ export class PodLogs extends React.Component { toOverlay() { const { activeOverlayLine } = searchStore; if (!this.virtualListRef.current || activeOverlayLine === undefined) return; + // Scroll vertically this.virtualListRef.current.scrollToItem(activeOverlayLine, "center"); + // Scroll horizontally + const overlay = document.querySelector(".PodLogs .list span.active"); + if (!overlay) return; + overlay.scrollIntoViewIfNeeded(); } /** diff --git a/types/dom.d.ts b/types/dom.d.ts new file mode 100644 index 0000000000..61e94a1aa5 --- /dev/null +++ b/types/dom.d.ts @@ -0,0 +1,7 @@ +export {} + +declare global { + interface Element { + scrollIntoViewIfNeeded(opt_center?: boolean): void; + } +} \ No newline at end of file