Disabling button and then enabling doesn't restore style

[JeremiahChurch]

If the disabled attribute is set to true and then disabled the style components for the slider (but not the thumb knob) are lost rather than restored to what they were before being disabled.

codesandbox demonstrating issue https://codesandbox.io/s/reverent-sky-89iip?fontsize=14

I cruised through the code and didn't see any immediate reason why this might happen. I'll dig in to this next week but wanted to create an issue in case the reason might be obvious to someone else.

Thank you!

[GarrickBrown]

Has there been any progress on this issue? Seems to still be occurring.

[JeremiahChurch]

@GarrickBrown I never got to the core of the issue and ended up working around it. I agree the issue is still present

[GarrickBrown]

Thanks @JeremiahChurch, it is unfortunate as it's working so well otherwise

[nihey]

Just an update on this issue, I was able to fix this issue by adding a key into the track fill that toggles with the "disabled" prop. https://github.com/KasselLabs/react-semantic-ui-range/commit/02817ab7bc3995d677dfce448b4557075f9d4d14

It is not the ideal solution but worked out with minimal impact.

But even though it worked, we've used our classNames solution on our fork in the end. Just sharing the knowledge in case anyone is having it too.

[iozbeyli]

This issue should be fixed by 0.7.1.

Issue caused by using background for disabled style instead of backgroundColor.