search

IonDen / ion.rangeSlider

jQuery only range slider
http://ionden.com/a/plugins/ion.rangeSlider/en.html
MIT License
2.56k stars 508 forks source link

Slider UI Issue with Kendo Window Extend #689

Open AbTnk opened 4 years ago

AbTnk commented 4 years ago

I have a project working fine in every condition, but when i set the display: none for rangeslider Div and then use kendo extend minimize and extend back to original position but after setting display:block for rangeslider its UI slider breaks (thumb didnt move any side)

IonDen commented 4 years ago

Hi, yes. It happens because inside display: none container, slider could not calculate its size. All sizes are = 0 in that moment.

You can fix it this way:

  1. I bet you kendo lib has callbacks on then you minimize and extend this blocks. Something like onOpen/onClose or similar.
  2. In that onOpen callback you should build ionRangeSlider.
  3. It will not only fix this problem but also will improve page performance. Because you don't need to render any controls inside hidden containers. What if user will never expand it?
AbTnk commented 4 years ago

But when i Debug the Issue, the slider works perfectly. Also the user has to switch between Div (rangeslider's Div) as display: block and none.

IonDen commented 4 years ago

I'm not sure what is different then you debug it, it would be great to see an online demo with a problem.