TinyMCE RTE v3+ inside TV MIGX (MODX revo 2.8.8) causes problems with positioning (z-index) of menu and image insertion modals

[des-yogi]

Bug report

Summary

TinyMCE RTE v3+ inside TV MIGX (MODX revo 2.8.8) causes problems with the positioning (z-index) of the menu and image insertion modal, which causes the modal to overlap with the main TV-migx window. See attached screenshot.
I understand the problem is related to the styles of the default oxide skin (oxide-dark). With the old skin “modx” - everything was normal, but in version 3+ it is no longer there.

Step to reproduce

The described behavior occurs in composite TV-MIGX when one of the internal fields is a system editor TinyMCE RTE v3+. When clicking on menu items or trying to insert an image, the popups get a low z-index and are overlapped by the generic MIGX window. See attached screenshot.

With TinyMCE RTE 2.2.1 with “modx” skin and the same MIGX version this behavior is not observed!

Environment

MODX revo 2.8.8. MIGX 3.0.2-beta1

[matdave]

@des-yogi can you try adding:

.tox.tox-tinymce-aux {
    z-index: 10000;
}

to the file located at assets/components/tinymcerte/mgr/tinymcerte.css

[des-yogi]

@des-yogi can you try adding:

.tox.tox-tinymce-aux {
z-index: 10000;
}

to the file located at assets/components/tinymcerte/mgr/tinymcerte.css

Thank you. I'll check it out, but on the next project. For now, I've reverted to version 2.1.1