Moving a block down forces a re-render

[mtias]

Moving a block up seems to be great, but moving it down seems to be triggering a re-render of the block content. The YouTube embed is a good example, where moving up is fine, but moving down re-generates the video and toolbar.

[aduth]

Related: facebook/react#858

And before I found that, I put together a minimal proof-of-concept: https://codepen.io/aduth/pen/QvpxwL

[aduth]

Looking like this is just how the DOM works: http://stackoverflow.com/a/8318401

[aduth]

Actually... it might not be pretty, but we could do some wizardry with the Flexbox order property:

https://codepen.io/aduth/pen/eWvKeW

[ellatrix]

Yeah moving iframes will always reload them. A way to avoid that is to move stuff around the iframe instead of the iframe itself. E.g. move the prev block down to move up. That flexbox approach is super interesting!

[mtias]

The re-render happens on the block control bar as well when you move any block down.

[mtias]

@aduth @iseulde renamed the title here.

[jasmussen]

Removed this from the milestone. I still think it would be good to have fixed, and it seems like #563 might fix it. But it is less important than the other items in the milestone. So untracking for now.

[afercia]

About flexbox re-ordering (a similar W3C note applies also to CSS grids), see:
5.4.1. Reordering and Accessibility
https://www.w3.org/TR/css-flexbox-1/#order-accessibility

[ellatrix]

So it's a no?

Authors must use order only for visual, not logical, reordering of content. Style sheets that use order to perform logical reordering are non-conforming.

[aduth]

Closing as unfixable.