Make iOS range fix more universal

1 files changed, 11 insertions, 6 deletions

diff --git a/src/js/listeners.js b/src/js/listeners.js
index e19894ba..ca88f3a4 100644
--- a/src/js/listeners.js
+++ b/src/js/listeners.js
@@ -761,6 +761,17 @@ class Listeners {
             },
         );
 
+        // Fix range inputs on iOS
+        // Super weird iOS bug where after you interact with an <input type="range">,
+        // it takes over further interactions on the page. This is a hack
+        if (browser.isIos) {
+            const inputs = getElements.call(player, 'input[type="range"]');
+
+            Array.from(inputs).forEach(input =>
+                this.bind(input, inputEvent, event => repaint(event.target)),
+            );
+        }
+
         // Seek
         this.bind(
             player.elements.inputs.seek,
@@ -777,12 +788,6 @@ class Listeners {
 
                 seek.removeAttribute('seek-value');
 
-                // Super weird iOS bug where after you interact with an <input type="range">,
-                // it takes over further interactions on the page. This is a hack
-                if (browser.isIos) {
-                    repaint(seek);
-                }
-
                 player.currentTime = seekTo / seek.max * player.duration;
             },
             'seek',