Fix editor alignment issues

[Karn-Blackmore]

Prerequisites

• I have added steps to test this contribution in the description below

Existing issue #13538

Description

Upon clicking a blocklist item the editor alignment does not properly align to the right and can be seen to jump about towards the left.

This is jumping bacause the editor class has transition: transform 400ms ease-in-out and it also runs its inputs within the editor through an auto focus $timeout function immediately. This focuses the input before its in the viewport causing the editor to jump into view and causes an issue with the left positioning.

There are few ways to fix this but in its simpliest form is setting an editor within the umb-editors to position: fixed

Tested by checking various editors in many different sequences and tested on Chrome and Firefox all seems to be working correctly.

There is still a slight issue with the transition on the second drawer editor (as seen in GIF) but I believe thats a different issue.

How to test

1. Create a blocklist with at least 1 item.
2. Create a document type with this blocklist
3. Create a page of that document type
4. Add content to this blocklist
5. See that the overlay is aligned properly

[georgebid]

Hi @Karn-Blackmore thanks for your PR to fix #13538! This is certainly an issue I have spotted when editing in the CMS so it's nice to see a fix for this 🎉 I have tested and I am happy to merge this in.

[nul800sebastiaan]

Cherry picked for 10.5 in 2d32f46