Incorrect handle position in Laravel / Livewire

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

Incorrect handle position in Laravel / Livewire #1186

Closed arolectric closed 2 years ago

arolectric commented 2 years ago

I had this weird issue where the handles were always positioned on the far right end of the slider - I used two handles and just imported everything as it is provided. The handles could only move a few pixels, the connect element displayed correctly and the values were working, too, only the handles were off. After searching and playing around I managed to fix the issue by setting .noUi-origin { width: 100% }. Was 10% before.

Just leaving this here in case someone has the same problem.

leongersen commented 2 years ago

This is likely related to a change in 15.5.0. See #1167 for a discussion on this.

github-actions[bot] commented 2 years 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.