Sliders resizing issue

[mbechev]

Describe the bug Since v8.0.0 of the Inputs package, Slider and RangeSlider components are not resized correctly.

The issue appears when the width of the component depends on the parent width. It looks like the sliders are correctly increasing their width when necessary, but experiencing issues when the width should be decreased.

To Reproduce The animation fakes resizing. https://stackblitz.com/edit/angular-kvqwfj-ecmtrb

Using @progress/kendo-angular-inputs 7.5.2 with @progress/kendo-theme-default 4.43.0 seems to work as expected: https://stackblitz.com/edit/angular-kvqwfj-y7ufc8

[svetq]

also reported in private support thread 1554628 here is another example demonstrating the issue

[psergei]

What is the status of this issue? it still happens with 13.5.0

[montella1507]

So it is in development now. Cool :-)

[dtopalov]

Fixed in v. 14.1.0.

[psergei]

Still doesn't work as expected. In my case the slider is getting its data async and it resizes incorrectly. Then when I move the thumb - slider resizes to fit the placeholder. Odd.

[psergei]

Here is screen recording https://github.com/telerik/kendo-angular/assets/4379545/952adb53-e7f8-43f7-9d3b-dca178d5478d

[slavenai]

Hi @psergei ,

Based on the screen recording, it looks like the misalignment is not Slider specific and affects other components part of the page layout as well.

Please use our support system if you need any further assistance with specific configuration or setup.

[psergei]

Hi @psergei ,

Based on the screen recording, it looks like the misalignment is not Slider specific and affects other components part of the page layout as well.

Hi there, I don't think so - in recording you clearly can see that misalignment happens at a time when sliders receives the data. Here is the proof https://stackblitz.com/edit/angular-yaauxy?file=src%2Fapp%2Fapp.component.ts.

I filed a new ticket https://www.telerik.com/account/support-center/view-ticket/1630568

[psergei]

Ok, confirmed - it works as expected.