[EuiRangeInput] doesn't show invalid state on change

[mbondyra]

EuiRangeInput doesn’t show invalid state (eg. out of the range or defined in isInvalid prop) as long as I have focus, and the red highlighting would only appear once I blur the input. I tried to play with it by passing directly isInvalid prop with condition, but it doesn’t change anything (demo here, applying the value -1 would be the showcase).

[cchaos]

Thanks @mbondyra! To quote my slack reply:

This is actually how all of the inputs behave. The focus state will always override invalid. However, I think your concern is valid and can be generalized to all inputs. But it requires more thought on design and implementation so it may be a while before a solution is implemented.

I've moved your comment over to #2017 to group with the discussion for all inputs and I'm going to close this one as it is not a bug, but is as intended but we'll continue to discuss.