I need to put a range and a number component side by side, so they are structured like:
<label for="id"> <span>text...</span> <input type="range" id="other"> <input type="number" id="id"> </label>
and looked like:
it almost works only except when I click (not drag) on the slider, it will trigger the number component as well, but I only what to trigger the number component by either click on the label text or click on the number component itself.
I’ve tried to bind a click handler to stop its bubble up, but it didn’t work, how am I suppose to do next?