Remove video delay limits

Author: Andrews54757

chrome/player/options/index.html

@@ -52,7 +52,7 @@ <h1 style="margin-top: 0px" data-i18n="options_video_header"></h1>
                 data-i18n-label="options_video_zoom"></input>
         </div>
 
-        <div class="video-option" data-option="videoDelay" data-unit="ms" data-multiplier="1">
+        <div class="video-option" data-option="videoDelay" data-unit="ms" data-multiplier="1" data-nolimits="true">
             <div class="label" data-i18n="options_video_delay"></div>
             <input class="number" type="text" data-i18n-label="options_video_delay"></input>
             <input class="range" type="range" min="-1000" max="1000" value="0" step="1" list="snap-zero"

chrome/player/options/options.css

@@ -343,7 +343,7 @@ button:focus-visible {
 .video-option .number {
   text-align: center;
   font-variant-numeric: tabular-nums;
-  width: 60px;
+  width: 80px;
 }
 
 #ratebox {

chrome/player/options/options.mjs

@@ -270,8 +270,9 @@ document.querySelectorAll('.video-option').forEach((option) => {
   const optionKey = option.dataset.option;
 
   function numberInputChanged() {
-    rangeInput.value = parseInt(numberInput.value.replace(unit, '')) || 0;
-    Options[optionKey] = parseInt(rangeInput.value) / unitMultiplier;
+    const value = parseInt(numberInput.value.replace(unit, '')) || 0;
+    rangeInput.value = value;
+    Options[optionKey] = (option.dataset.nolimits ? value : parseInt(rangeInput.value)) / unitMultiplier;
     optionChanged();
   }
 
@@ -282,7 +283,6 @@ document.querySelectorAll('.video-option').forEach((option) => {
   }
 
   numberInput.addEventListener('change', numberInputChanged);
-  numberInput.addEventListener('input', numberInputChanged);
   rangeInput.addEventListener('change', rangeInputChanged);
   rangeInput.addEventListener('input', rangeInputChanged);
   rangeInput.addEventListener('dblclick', (e) => {