search

tb / ng2-nouislider

Angular2 noUiSlider directive
http://tb.github.io/ng2-nouislider/
MIT License
185 stars 114 forks source link

Disabled attribute doesnt work as expected #243

Open shus-cbs opened 7 months ago

shus-cbs commented 7 months ago

When i put an [attr.disabled] attribute with the value 'disabled' or 'true' on the slider, the handle suggest that it disabled (cursor: not-allowed), but it is still possible to drag the handle to another position. Also clicking on the track changes the value of the slider.

I thought this might be an problem of my application, but in a clean Angular solution, without any other libraries it has the same behaviour.

I have tried ng2-nouislider version 1.8.3 and 2.0.0 in Angular 14 and 17

ert78gb commented 5 months ago

I use the following hack in the main scss

[disabled] .noUi-connect {
    opacity: 0.5;
}