search

telerik / kendo-react

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
https://kendo-react-teal.vercel.app
Other
209 stars 37 forks source link

Changing the value of the Slider/RangeSlider scrolls the whole page #1500

Open WissamProgress opened 1 year ago

WissamProgress commented 1 year ago

This issue can only be reproduced locally - slider-test.zip

When the Slider or RangeSlider component is dragged to change its value, it scrolls the whole page. https://somup.com/c0ntlmyI6O

Currently, you can workaround this issue by removing <!DOCTYPE html> from index.html

Related to Ticket ID: 1598791

kdikov82 commented 1 year ago

I was able to reproduce the problem on stackblitz: https://stackblitz.com/edit/react-hsab6q?file=app%2Fmain.jsx

One thing that I have discovered is that the issue is not observed if the DIV above the slider is with smaller height (1000 instead of 2000px for example): https://stackblitz.com/edit/react-hsab6q-njhmb5?file=app%2Fmain.jsx

JDoro commented 3 weeks ago

Has there been any progress made on this? We are seeing this as well.

ksoich commented 3 weeks ago

It seems this issue is related to the autoScroll prop of Draggable component that lives within the Slider.

autoScroll is not explicitly defined and defaults to true.

Explicitly setting autoScroll based on the orientation of the slider - the jumping behavior does not occur. But there's no method for consumers of the slider to modify the autoscroll prop.

image

iadnonov commented 3 weeks ago

Hi, @ksoich, Thank you for your suggestion. Our team will consider it as a possible solution as they work on resolving the issue.