Larger clickable area when slider is small

[AAverin]

When slider itself is very small with tap behavior set, it would be great to somehow set tappable area larger so that user could click around the slider and pips would still move. See image for reference.

[leongersen]

You can do this by making .noUi-base larger. For the default styling, that'd look like this:

.noUi-base {
    height: 200%;
}
.noUi-connects {
    height: 50%;
}

You can center this tap area by pulling it up, and pushing the connect elements and handles down:

.noUi-base {
    top: -8px;
}
.noUi-connects
.noUi-origin {
    top: 8px
}

[AAverin]

Thanks, it worked nicely

[github-actions[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.