Closed
Description
Steps to reproduce
- Create a range slider inside
<uib-accordion-group>
- Open accordion by clicking the according heading
- Click on any of the control points/handles.
- The handles change their place (flicker).
(I also tried to use$scope.$$postDigest
instead of$timeout
inside refresh method but that completely makes it dysfunctional).
I am using refresh method on the ng-cllick
event of accordion heading:
<uib-accordion close-others="true">
<uib-accordion-group is-open="isOpen">
<uib-accordion-heading>
<a ng-click="refreshSlider()">Range Slider</a>
</uib-accordion-heading>
<rzslider rz-slider-model="minRangeSlider.minValue" rz-slider-high="minRangeSlider.maxValue" rz-slider-options="minRangeSlider.options"></rzslider>
</uib-accordion-group>
</uib-accordion>
$scope.refreshSlider = function() {
$timeout(function() {
$scope.$broadcast('rzSliderForceRender');
});
};
Demo: https://jsfiddle.net/kh372f1k/
Expected behaviour
The handles should not flicker / change their original place on clicking first time
Actual behaviour
The handles are flickering / changing their original place on clicking first time