leongersen / noUiSlider

noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies.
https://refreshless.com/nouislider/
MIT License
5.7k stars 657 forks source link

NoUISlider breaking completely in angular 13 version. #1222

Closed ridhi58 closed 1 year ago

ridhi58 commented 2 years ago

Hey, Need urgent assistance . I have upgraded my project to angular 13 . NoUiSlider was working in old angular versions but with angular 13 it is completely breaking . I just want to confirm if it is not compatible with angular 13 .

for your reference . in previous angular version , it was smoothly working like this image but now the slider breaks like this in newer version. image

leongersen commented 2 years ago

I'm assuming you've updated to 15.5.0 or later. Your custom styles will need updating.

These changes in the default stylesheet need to be incorporated in your overriding styles.

See #1167 for more context.

ridhi58 commented 2 years ago

yes , i am using "nouislider": "^15.6.0", version.

ridhi58 commented 2 years ago

is there a way , i dont have to manually override the styles everytime there are some changes with changing the verison?

leongersen commented 2 years ago

No, if you override the included styles you'll have to keep them compatible. The break change here is unfortunate, and I would've avoided it in hindsight. Again, see #1167 for context.

github-actions[bot] commented 1 year ago

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.