Slider not initialized correctly

[shaman-apprentice]

Bug

Expected Behavior

WHEN I open the map and its color option

THEN the slider is initialized correctly

Actual Behavior

Sometimes (most often in small maps) the max slider is on the min slider

Screenshots

Steps to Reproduce the Problem

Most often can be seen in local developed chrome with standard small sample1.cc.json

Specifications

• is released in online-demo: yes
• CodeCharta Version: 1.6.4
• OS: Windows
• Browser: Chrome

[shaman-apprentice]

Dev notes: https://github.com/angular-slider/angularjs-slider#common-issues looks kind of related and the following code does indeed fix it. But we should come up with a better solution than the hardcoded timeout.

rangeSlider.component.ts:

	$postLink() {
		this.$timeout(() => {
			this.$scope.$broadcast('rzSliderForceRender')
		}, 3000);
	}

[BridgeAR]

@shaman-apprentice it's described as a single millisecond timeout in the module. Does that suffice as well?

[shaman-apprentice]

@BridgeAR it is described as a millisecond timeout after it has become visible. In the current implementation the slider doesn't know when it becomes visible. So it might be enough to integrate that in an onOpen method somewhere.

[shaman-apprentice]

What also makes me wonder is, that the timeout 3000 worked, even if the slider has not become visible in the meantime. So I am not sure, where the race condition is, but at some point firing this.$scope.$broadcast('rzSliderForceRender') will probably fix it.

[BridgeAR]

If I am not mistaken, it's possible to determine when the parent becomes visible (due to e.g., listening to the correct event or triggering a JS function on show)?