stephanrauh/ngx-extended-pdf-viewer#2463 now the PDF viewer only reac…

…ts on the arrow keys if they aren't used for accessability

web/app.js

@@ -3373,11 +3373,17 @@ function webViewerKeyDown(evt) {
       turnPage !== 0 &&
       (!turnOnlyIfPageFit || pdfViewer.currentScaleValue === "page-fit")
     ) {
-      if (turnPage > 0) {
-        pdfViewer.nextPage();
-      } else {
-        pdfViewer.previousPage();
+      const { mainContainer } = PDFViewerApplication.appConfig;
+
+      // #2463 modified by ngx-extended-pdf-viewer
+      if (viewerIsAllowedToCaptureKeyEvent(mainContainer)) {
+        if (turnPage > 0) {
+          pdfViewer.nextPage();
+        } else {
+          pdfViewer.previousPage();
+        }
       }
+      // #2463 end of modification by ngx-extended-pdf-viewer
       handled = true;
     }
   }
@@ -3426,6 +3432,30 @@ function webViewerKeyDown(evt) {
   }
 }
 
+/**
+ * Checks if the viewer can capture the keyboard event without
+ * ruining the user experience of the browser. In particular,
+ * it's still possible to navigate with the arrow keys through
+ * tabs.
+ * @param {the main container of the viewer} mainContainer
+ * @returns true if there's no reason to prevent the viewer from capturing the
+ * event
+ */
+function viewerIsAllowedToCaptureKeyEvent(mainContainer) {
+  let elementInFocus = document.activeElement;
+  const ngxExtendedPdfViewer = mainContainer.closest('ngx-extended-pdf-viewer');
+  while (elementInFocus && elementInFocus !== document.body) {
+    if (elementInFocus === ngxExtendedPdfViewer) {
+      return true;
+    }
+    if (elementInFocus.tabIndex !== -1) {
+      return false;
+    }
+    elementInFocus = elementInFocus.parentElement;
+  }
+  return true;
+}
+
 function beforeUnload(evt) {
   evt.preventDefault();
   evt.returnValue = "";

web/ngx-extended-pdf-viewer-version.js

@@ -1 +1 @@
-export const ngxExtendedPdfViewerVersion = '21.3.1';
+export const ngxExtendedPdfViewerVersion = '21.3.2';