Fix issue with arrow keys switching movie when using them inside a textbox (or any element really)

frontend/src/Movie/Details/MovieDetails.js

@@ -177,6 +177,7 @@ class MovieDetails extends Component {
   }
 
   onKeyUp = (event) => {
+    if (event.path.length === 4) {
       if (event.keyCode === keyCodes.LEFT_ARROW) {
         this.props.onGoToMovie(this.props.previousMovie.titleSlug);
       }
@@ -184,6 +185,7 @@ class MovieDetails extends Component {
         this.props.onGoToMovie(this.props.nextMovie.titleSlug);
       }
     }
+  }
 
   onTouchStart = (event) => {
     const touches = event.touches;