Skip to content

Improve interaction with the slider widget #12784

Description

@tdipisa

Description

The filter slider’s track and thumb have a small interaction area, making them difficult to click or drag, especially on large screens. Tick marks and their labels should also be easier to use for selecting values.
Image

What kind of improvement you want to add? (check one with "x", remove the others)

  • Enhancement

Other useful information

Suggested approach: make the slider easier to click by increasing the clickable area around the track and thumb. Also, make the tick marks and labels clickable so users can select a value directly. First we should check what the underlying "react-nouislider" package provides for click events and interaction area customization.

Security vulnerabilities

Do not report security vulnerabilities in public issues.

If you believe you have found a vulnerability in MapStore, please use GitHub private vulnerability reporting or contact the security address listed in SECURITY.md.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Projects

No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions