In the code, the example shows the name being constrained to the top:

y = topTo { parent.top() + 15.dip }

With the avatar being constrained below it:

y = topTo { name.bottom() }

But the gif shows it constrained to the bottom with the avatar above it.

As windows are opened, the Wiki says they are tiled like this:

     (1)                (2)                (3)
+---+---+---+      +---+---+---+      +---+---+---+
|   |   |   |      |   |   |   |      |   |   |   |
| 1 |   |   |  ->  | 2 | 1 |   |  ->  | 3 | 2 | 1 |  ->
|   |   |   |      |   |   |   |      |   |   |   |
+---+---+---+      +---+---+---+      +---+---+---+

     (4)    

Based on the examples and reading the source code, it looks like SharedElementTransitionGroup relies on the child component stating ref={this.props.innerRef} on the HTML container of the moving elements. Omitting this causes no transition to occur.

Aside: Would it be possible to use findDOMNode instead of the prop? I was trying to use a SharedElementTransitionGroup wrapped around some