From d209c107c516394b4738c07c30e2ca2957c858b0 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Thu, 30 May 2024 07:37:29 -0500
Subject: [PATCH] Merge pull request #18613 from
 overleaf/dp-pdf-keyboard-scroll

Fix keyboard arrow scrolling on pdf viewer

GitOrigin-RevId: 7c338049f0e5368ee11fdda11198a1f4df2bd49f
---
 .../features/pdf-preview/components/pdf-js-viewer.jsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.jsx b/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.jsx
index 197051fa46..fdc1cb76ca 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.jsx
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.jsx
@@ -481,14 +481,19 @@ function PdfJsViewer({ url, pdfFile }) {
   /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
   /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
   return (
+    /* eslint-disable-next-line jsx-a11y/no-static-element-interactions */
     <div
       className="pdfjs-viewer pdfjs-viewer-outer"
       ref={handleContainer}
       onKeyDown={handleKeyDown}
-      role="tabpanel"
-      tabIndex={0}
+      tabIndex={-1}
     >
-      <div className="pdfjs-viewer-inner">
+      <div
+        className="pdfjs-viewer-inner"
+        tabIndex={0}
+        onKeyDown={handleKeyDown}
+        role="tabpanel"
+      >
         <div className="pdfViewer" />
       </div>
       <div className="pdfjs-controls" tabIndex="0">