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

frontend/src/Movie/Details/MovieDetails.js

@@ -177,11 +177,13 @@ class MovieDetails extends Component {
   }
 
   onKeyUp = (event) => {
-    if (event.keyCode === keyCodes.LEFT_ARROW) {
+    if (event.path.length === 4) {
-      this.props.onGoToMovie(this.props.previousMovie.titleSlug);
+      if (event.keyCode === keyCodes.LEFT_ARROW) {
-    }
+        this.props.onGoToMovie(this.props.previousMovie.titleSlug);
-    if (event.keyCode === keyCodes.RIGHT_ARROW) {
+      }
-      this.props.onGoToMovie(this.props.nextMovie.titleSlug);
+      if (event.keyCode === keyCodes.RIGHT_ARROW) {
+        this.props.onGoToMovie(this.props.nextMovie.titleSlug);
+      }
     }
   }