palantir / blueprint

A React-based UI toolkit for the web
https://blueprintjs.com/
Apache License 2.0
20.63k stars 2.17k forks source link

vertical rangeslider not filling up container #4264

Open bsdis opened 4 years ago

bsdis commented 4 years ago

I am using the rangeslider vertically, but for some reason it does not fill up its entire container. How do i set something like height:100% or fill={true}? Example of the problem can be seen here:

https://codesandbox.io/s/weathered-breeze-ytnl4?file=/src/App.tsx

adidahiya commented 4 years ago

This is not a supported feature of Slider / RangeSlider. These components take some DOM measurements to implement their layout. Adding a prop like fill: boolean would be a new feature request.

bsdis commented 4 years ago

I see, ok... It actually seems to work when just setting

.bp3-vertical {
  height: 100% !important;
}

Is it somehow possible (hack) to reverse the numbers so that it goes from max to min instead of min to max?

adidahiya commented 4 years ago

No, that's an open FR: https://github.com/palantir/blueprint/issues/4142