Inline editor toolbar does not move with content

[Brian Ernesto]

When using the editor in inline editing mode such as in "samples/inlineall.html" the toolbar does not follow the content of the page when content re-flows due to other content on the page.

Example: To duplicate, on sample page inlineall.html focus on a contenteditable lower in the page to produce an editor, then focus on an editor above that content and enter several line breaks to push the lower content down. The toolbar will be rendered in the original location, not above the newly positioned content.

Affected browsers: All

This is a problem not only in a simple instance like this. But, more so in situations where the replaced element can be moved. For instance a drag and drop CMS, where a replaced element may be moved to another part of a page.

In some cases, this is also a problem when the first child element has a top-margin, such h1 tag. When this tag is removed the content editable moves up in the page, but the toolbar remains, now covering the cursor.

The suggested course of action would be to re-position the toolbar on focus and keyup of the contenteditable.

[Jakub Ś]

DUP of #9816.