From eb5755314078b94598c14489b7ac28ffb19100a5 Mon Sep 17 00:00:00 2001
From: Denys Vuika <denys.vuika@gmail.com>
Date: Thu, 22 Nov 2018 17:42:07 +0000
Subject: [PATCH] [ACA-1144] fix keyboard navigation (#819)

---
 .../components/preview/preview.component.ts   | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/app/components/preview/preview.component.ts b/src/app/components/preview/preview.component.ts
index 4919eea2e..e0b326e26 100644
--- a/src/app/components/preview/preview.component.ts
+++ b/src/app/components/preview/preview.component.ts
@@ -23,7 +23,13 @@
  * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { Component, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core';
+import {
+  Component,
+  OnInit,
+  OnDestroy,
+  ViewEncapsulation,
+  HostListener
+} from '@angular/core';
 import {
   ActivatedRoute,
   Router,
@@ -153,6 +159,18 @@ export class PreviewComponent extends PageComponent
     }
   }
 
+  @HostListener('document:keydown', ['$event'])
+  handleKeyboardEvent(event: KeyboardEvent) {
+    const key = event.keyCode;
+    const rightArrow = 39;
+    const leftArrow = 37;
+
+    if (key === rightArrow || key === leftArrow) {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+    }
+  }
+
   /**
    * Handles the visibility change of the Viewer component.
    * @param isVisible Indicator whether Viewer is visible or hidden.