slider pointers do not resize (reposition) after parent div resize

[rawbeans]

When the parent div of a slider is resized, some of the slider elements resize with it, but the rz-pointer elements do not.

Correctly resizes:

• rz-slider (outer container)
• full length rz-bar-wrapper rz-bar

Does not resize:

• rz-left-out-selection
• rz-right-out-selection
• rz-pointer

However after interacting with the pointers (clicking on the slider, or dragging the pointers) they update to correct positions

Demo: http://jsfiddle.net/mbkjvdfx/

Resize works fine on window resize, but not parent div resize.

[ValentinH]

This is because this library only listen on window resize event. For other events, you have to tell the library when the refresh. Use https://github.com/angular-slider/angularjs-slider#slider-events .

[isaacwein]

Why is the library not exposing a function to be able to re-validate the size from the parent controller like this plonker demo?

[ValentinH]

Indeed this could be possible. What problem does it solves that is not solved by the rzSliderForceRender event though?

[ValentinH]

Closing as there was no answer for a while. Comment to re-open 😉