Skip to content

Slider pips overlap elements in the next lines #1305

@sphh

Description

@sphh

The css .noUi-pips-horizontal in nouislider.css defines

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
}

This gives the pips a hard-coded height of 100px (10px + 80px + 10px), independent of the actual height. Now the pips extend 100px downwards from the slider.

Unfortunately this can overlap the next line – and if the next line has an input, this cannot be selected with the mouse!

I modified this to

.noUi-pips-horizontal {
  padding: 10px 0 0 0;
  height: 0;
}

which keeps the space between the slider and the pips, but now it's possible to select anything in the next row.

I wonder if this should be changed in the css coming with noUiSlider …

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