I tried putting an tag type "range" in a ui-template.
When I slide the thumb it does not scroll smoothly. it moves a bit and stops, and when I release the mouse it jumps to that position.
I tried a simple inside a ui-template in chrome, firefox, and edge. I get the same results.
Node-RED version: v1.0.3
Node.js version: v12.16.0
Windows_NT 10.0.18362 x64 LE
Dashboard version 2.19.4 started at /ui
I also have node-red on raspberry pi 4 running buster, and when I access it from my PC I get the same. Tried it on all browsers, same behavior.
CPU is lightly used, and I have other nodes on my dashboard but they work fine.
I have the code in an HTML page and it works fine on the same PC while node-red is running fine. I tried it on the raspberry pi browser and get the same behavior
Note: if I use the arrow keys, it scrolls fine, and when I use my touch it scrolls fine, seem to be a problem with the mouse interaction.
ALSO, If I set the orient to vertical it works fine.
SO my observations is that it has to do with mouse scrolling in the horizontal orientation.
I am not sure I can include a small video in this forum
Thank you.
What puzzled me is what, in node-red md-card, is affecting the horizontal mouse scrolling!!!!
I tried to use the md-slider, but I have not figured out how to include it in a ui_template and how to customize the thumb, track, and color for each slider.