[mv3] Make the slider continuous rather than granular

gorhill · gorhill · commit 2c91bfc872d6 · 2025-07-14T12:12:36.000-04:00
diff --git a/platform/mv3/extension/js/picker-ui.js b/platform/mv3/extension/js/picker-ui.js
@@ -172,11 +172,10 @@ function selectorFromCandidates() {
 /******************************************************************************/
 
 function onSliderChanged(ev) {
-    updateSlider(ev.target.valueAsNumber);
+    updateSlider(Math.round(ev.target.valueAsNumber));
 }
 
 function updateSlider(i) {
-    qs$('#slider').value = i;
     dom.cl.remove('#candidateFilters [data-part]', 'on');
     const parts = sliderParts[i];
     for ( const address of parts ) {
@@ -319,6 +318,7 @@ function showDialog(msg) {
     dom.attr(slider, 'max', last);
     dom.attr(slider, 'value', last);
     dom.attr(slider, 'disabled', last !== 0 ? null : '');
+    slider.value = last;
     updateSlider(last);
 }
 
diff --git a/platform/mv3/extension/picker-ui.html b/platform/mv3/extension/picker-ui.html
@@ -27,7 +27,7 @@
         <label for="slider" data-i18n="pickerSliderLabel">_</label>
         <span id="resultsetCount"></span>
     </span>
-    <input id="slider" type="range" min="0" max="10" step="1">
+    <input id="slider" type="range" min="0" max="10" step="any">
 </section>
 <section id="toolbar" data-view="0">
     <div>
