tb/ng2-nouislider

Disabled attribute doesnt work as expected

shus-cbs opened this issue · 1 comments

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

I use the following hack in the main scss

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