Skip to content

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

@zkelo

Description

@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:
Slider bug

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

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions