Container size

[ai]

React Shuffle logic is to have hidden block with real controls and visible block for animation with position: absolute on top of that hidden block.

But, as result, there is no comtainer size animation, when we delete item.

Example: this is my UX:

When I will delete one of item, “minus” button will move immediately to the left. Because “minus button” is out of Shuffle container and Shuffle container size has no animation.

[ai]

/cc @kenwheeler

[kenwheeler]

Not sure I understand, video?

[kenwheeler]

Oh wait, I know exactly what you are talking about. Does applying a CSS transition declaration fix this?

[ai]

Ouh, I fix it in different way. I will test it on new control tomorrow. Is it OK?

[kenwheeler]

Sure. It's hard to say exactly how to handle this, because the container could scale vertically or horizontally depending on which tiles were removed. And that's providing that the shuffle container is indeed the layout providing parent.

[kenwheeler]

Out of curiosity, is this in use on VK?

[ai]

Nope, we use it in Amplifr, “Buffer” for VK and other Russian networks :).

[kenwheeler]

Thats awesome. Really cool landing page. 👍