From f35d79b11935a7f905df2d905cecfd6c781c3e61 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 10 Oct 2025 07:17:57 +0000
Subject: [PATCH 1/2] Initial plan


From 5785422754b54d41d54e662113be4224fbc1880c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 10 Oct 2025 07:27:10 +0000
Subject: [PATCH 2/2] Fix image panning issue for wide/short images by setting
 preventPanOutside=false

Co-authored-by: DonJayamanne <1948812+DonJayamanne@users.noreply.github.com>
---
 src/webviews/webview-side/react-common/svgViewer.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/webviews/webview-side/react-common/svgViewer.tsx b/src/webviews/webview-side/react-common/svgViewer.tsx
index 672fec7440f..5e5624746fa 100644
--- a/src/webviews/webview-side/react-common/svgViewer.tsx
+++ b/src/webviews/webview-side/react-common/svgViewer.tsx
@@ -77,6 +77,7 @@ export class SvgViewer extends React.Component<ISvgViewerProps, ISvgViewerState>
                             SVGBackground={'transparent'}
                             background={plotBackground}
                             detectWheel={true}
+                            preventPanOutside={false}
                         >
                             <svg width={this.props.size.width} height={this.props.size.height}>
                                 <SvgLoader svgXML={this.props.svg} />