Bug with HTML5 range input when it inside tablesorter's table header

[zkelo]

Description
When we have a table that have HTML5 <input type="range"> element inside its header row, the slider will behave itself strange. This happens in Firefox and Safari

In Firefox, a slider pointer position will be restored to its original position when we will drag it and release. In Safari on drag it holds and moves correspond to mouse even if we release mouse button after dragging and also blocks any interactives with webpage

This is how this looks in Firefox:

Also attend to sliders that placed in normal table cells, not in header. It works normally

Sandbox
https://codepen.io/alxndrr/pen/GRzgRaZ