fix(ranges): Update thumb while animating container

[dfelber]

To update the thumb while animating I am utilizing a ResizeObserver to trigger translateThumbs. This also should make the resize observation on the window superfluous.

closes: #79;

[tajo]

Thanks for the PR.

I think we should not add resize-observer as a dependency since it's quite a lot of code (related to this lib) and ResizeObserver is supported everywhere except IE.

Ideally, we could use ResizeObserver directly and have a fallback using the current solution when ResizeObserver is not supported. This way users can:

a. Ignore fully supporting IE and being ok with the current solution
b. Import the polyfill if they really need to support IE

[dfelber]

Thanks for the PR.

I think we should not add resize-observer as a dependency since it's quite a lot of code (related to this lib) and ResizeObserver is supported everywhere except IE.

Ideally, we could use ResizeObserver directly and have a fallback using the current solution when ResizeObserver is not supported. This way users can:

a. Ignore fully supporting IE and being ok with the current solution
b. Import the polyfill if they really need to support IE

Thanks for the feedback!
I updated the PR and removed the dependency to resize-observer.

[tajo]

Thanks! Published as react-range@1.6.4.