TinyMCE sslink plugin popup windows are hidden in full screen mode

[lianna-blanca]

Module version(s) affected

2.2.10

Description

When using TinyMCE in CMS 5.2, the editor's full screen mode hides the pop-up windows which allow users to configure links. This applies to all types of links (internal, external, file, anchor, email, and on this project also phone via the sslinkphone plugin).

This appears to be due to the TinyMCE fullscreen mode having a z-index of 1200, whereas the popup windows are at 1050. When I manually change this in chrome dev tools, the popups appear over the full screen as they should.

How to reproduce

Reproduction steps:

1. Go to any TinyMCE editor field which has buttons for full screen and for SSLink
2. Open full screen mode
3. Select some text and press the SSLink button, and select any option from the dropdown field
4. Observe that no popup appears
5. Close full screen mode; observe that the popup for editing that link type is now visible.

Possible Solution

We should be able to change the popup windows' z-index to 1250. There are a few other z-index variables set which are above this number, some of which will need to be adjusted accordingly (e.g. $zindex-tooltip from 1070 to 1270).

Additional Context

No response

Validations

• Check that there isn't already an issue that reports the same bug
• Double check that your reproduction steps work in a fresh installation of silverstripe/installer (with any code examples you've provided)