Paste As Text alert displays full-width

[mor10]

4.7-beta4-39340

When clicking Paste as Text button for the first time, the alert that shows up has incomplete styling, spanning the full width of the screen rather than hovering over the content (see screenshot).

[iseulde]

Looks like something goes wrong when TinyMCE calculates the position.

[mor10]

For reference, used to look like this:

New alert should at least limit its footprint to something similar.

[karmatosed]

I can replicate this and can't see all the message:

It can get fixed by removing the left CSS position and adding a 50% width (probably best there's some device adjustments though):

[karmatosed]

Tentatively suggesting this needs fixing for 4.7 as it's a bug that impacts the experience a lot.

[azaozz]

How about we center the notice by percentage, 10% on each side looks good?

[helen]

Replying to karmatosed:

Tentatively suggesting this needs fixing for 4.7 as it's a bug that impacts the experience a lot.

Just for future reference, slating something for 4.7 during RC should indicate that it's either a serious bug in a new feature or a fairly significant regression from 4.6. I think this falls under the latter, but should be clear about that.

[iseulde]

Looks good as a quick fix while we wait for an upstream fix.

[azaozz]

Replying to helen:

Yeah, it is a CSS related regression that happens specifically on that screen. Works properly in the TinyMCE demo. We didn't notice it earlier as this message is shown only for new users.

[azaozz]

In 39367:

TinyMCE: fix the styling of notices generated by the editor UI.

Props: mor10, karmatosed, azaozz.
Fixes #38917.

[azaozz]

Reopen for 4.7.

[azaozz]

In 39501:

TinyMCE: fix the styling of notices generated by the editor UI.

Props: mor10, karmatosed, azaozz.
Fixes #38917 for 4.7.