From e104a9e2618d957da1d5cc28e926fe470430c9dc Mon Sep 17 00:00:00 2001
From: Qstick <qstick@gmail.com>
Date: Sat, 28 Nov 2020 21:55:19 -0500
Subject: [PATCH] Fixed: TypeError on Keyup in Firefox for MovieIndex and
 Details

---
 frontend/src/Movie/Details/MovieDetails.js | 2 +-
 frontend/src/Movie/Index/MovieIndex.js     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Movie/Details/MovieDetails.js b/frontend/src/Movie/Details/MovieDetails.js
index 89c1d7ddf..6f2bbe789 100644
--- a/frontend/src/Movie/Details/MovieDetails.js
+++ b/frontend/src/Movie/Details/MovieDetails.js
@@ -178,7 +178,7 @@ class MovieDetails extends Component {
   }
 
   onKeyUp = (event) => {
-    if (event.path.length === 4) {
+    if (event.composedPath && event.composedPath().length === 4) {
       if (event.keyCode === keyCodes.LEFT_ARROW) {
         this.props.onGoToMovie(this.props.previousMovie.titleSlug);
       }
diff --git a/frontend/src/Movie/Index/MovieIndex.js b/frontend/src/Movie/Index/MovieIndex.js
index e79e76083..b9ea586a7 100644
--- a/frontend/src/Movie/Index/MovieIndex.js
+++ b/frontend/src/Movie/Index/MovieIndex.js
@@ -246,7 +246,7 @@ class MovieIndex extends Component {
 
   onKeyUp = (event) => {
     const jumpBarItems = this.state.jumpBarItems.order;
-    if (event.path.length === 4) {
+    if (event.composedPath && event.composedPath().length === 4) {
       if (event.keyCode === keyCodes.HOME && event.ctrlKey) {
         this.setState({ jumpToCharacter: jumpBarItems[0] });
       }