inline editing wrappers appearance problem

[Messj1]

There is a small UI bug since it truly can break the flow.

Originally posted by @erredeco in https://github.com/FriendsOfTYPO3/frontend_editing/issues/270#issuecomment-577900462

... it changes the appearance of the page...

So we have to avoid:

1. inline action and content wrapper
2. inline "block" editor wrapper

As example we could move (copy) the content with javascript and append after the wrapper:

<div style="content: none;" class="cke_editable cke_editable_inline">
  <p>...</p>
  <p>...</p>
</div>
<p data-cid="some-uid">...</p>
<p data-cid="some-uid">...</p>

Or we can move the inline-action wrapper inside the content layout with an new ViewHelper:

<div id="c1" class="frame frame-default frame-type-text frame-layout-0">
  <div class="t3-frontend-editing__ce>
    <span class="t3-frontend-editing__inline-actions">...</span>
  </div>
...
</div>

This would prevent design problems, since the integrator can decide were it should appear.

Any opinions?

[MattiasNilsson]

@Messj1 This sounds like an awesome idea, go for it!

[vaxul]

@Messj1 maybe you would like to add an opinion to #537?