From 67cdbdbb42fe6e83ec08d13ddb67482465c32871 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Fri, 17 Sep 2021 11:55:50 +0100
Subject: [PATCH] Merge pull request #5139 from
 overleaf/ae-pdfjs-viewer-tabindex

Add tabindex to pdfjs-viewer element

GitOrigin-RevId: be7bcba5e3c462b712dcb4deabe3ff8cf3d0233b
---
 services/web/frontend/js/ide/pdfng/directives/pdfJs.js | 1 +
 services/web/frontend/stylesheets/app/editor/pdf.less  | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/services/web/frontend/js/ide/pdfng/directives/pdfJs.js b/services/web/frontend/js/ide/pdfng/directives/pdfJs.js
index 1c75a718e6..3ffb7b5f35 100644
--- a/services/web/frontend/js/ide/pdfng/directives/pdfJs.js
+++ b/services/web/frontend/js/ide/pdfng/directives/pdfJs.js
@@ -155,6 +155,7 @@ export default App.directive('pdfng', ($timeout, localStorage) => ({
 <div
     data-pdf-viewer
     class="pdfjs-viewer"
+    tabindex="0"
     pdf-src='pdfSrc'
     position='position'
     scale='scale'
diff --git a/services/web/frontend/stylesheets/app/editor/pdf.less b/services/web/frontend/stylesheets/app/editor/pdf.less
index fd7f110d25..ae045f7360 100644
--- a/services/web/frontend/stylesheets/app/editor/pdf.less
+++ b/services/web/frontend/stylesheets/app/editor/pdf.less
@@ -146,6 +146,9 @@
       box-sizing: content-box;
       user-select: none;
     }
+    &:focus-within {
+      outline: none;
+    }
   }
   .progress-thin {
     position: absolute;