Improvements for imageSlider and cineDialog components. Rolling back default protocol (HP) configurations

Packages/ohif-viewerbase/client/components/viewer/imageControls/imageControls.js

@@ -19,13 +19,10 @@ Template.imageControls.onRendered(() => {
 })
 
 Template.imageControls.events({
-    'keydown #imageSlider'(event) {
+    'keydown input[type=range]'(event) {
         // We don't allow direct keyboard up/down input on the
         // image sliders since the natural direction is reversed (0 is at the top)
 
-        // Prevent the browser's default behaviour (scrolling)
-        event.preventDefault();
-
         // Store the KeyCodes in an object for readability
         const keys = {
             DOWN: 40,
@@ -34,8 +31,10 @@ Template.imageControls.events({
 
         if (event.which === keys.DOWN) {
             OHIF.viewer.hotkeyFunctions.scrollDown();
+            event.preventDefault();
         } else if (event.which === keys.UP) {
             OHIF.viewer.hotkeyFunctions.scrollUp();
+            event.preventDefault();
         }
     },
     'input input[type=range], change input[type=range]'(event) {