I start with 2 input fields and a slider. These 3 variables are used as filters for a Firebase backend query. The single result from firebase is then used to set a second slider. I use the same firebase result to set the initial value, the min, and the max of the second slider (I multiply by .5 for the min and multiply by 1.5 for the max).
Whenever the user adjusts the first slider, the firebase query is updated and the the second slider will auto populate...
Everything works for the most part. When the user moves the first slider the second slider adjusts the min and max values perfectly. However the position of the slider does not update at the same time as the min and max. This is weird since all three are set from the same query result. Not until I touch the first slider an additional time will the position of the slider move to the correct location. The second slider position is always lagging one move behind.
I've been trying to fix this for 2 weeks with no luck. Can anybody give me any pointers? When I move slider one (on selected) I clear the query cache and reset the value of the slider. I've tried adding a wait but this doesn't seem to help either.
Like I mentioned, the min and max are updating without issue, but the slider itself isn't.