From cf804f7dac7114f670375b130fd66d062c7b2772 Mon Sep 17 00:00:00 2001 From: nitsua Date: Mon, 28 Sep 2020 12:13:07 -0400 Subject: [PATCH] Fix issue with arrow keys switching movie when using them inside a textbox (or any element really) --- frontend/src/Movie/Details/MovieDetails.js | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/frontend/src/Movie/Details/MovieDetails.js b/frontend/src/Movie/Details/MovieDetails.js index c505a25c1..20280b7d9 100644 --- a/frontend/src/Movie/Details/MovieDetails.js +++ b/frontend/src/Movie/Details/MovieDetails.js @@ -177,11 +177,13 @@ class MovieDetails extends Component { } onKeyUp = (event) => { - 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.path.length === 4) { + 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); + } } }