Find and replace within TinyMCE in the edit modal is cut off

[ajplopez]

I*I'm submitting a ...**
[x] bug report

...about
[x] edit experience / UI

Current behavior

When you open up the edit modal and go to use the TinyMCE, the find and replace modal is cut off and you can't move it into place. This happens in both inline and full mode. See screenshots.

Expected behavior
It shouldn't be cut off

Minimal reproduction of the problem with instructions
Make a content modal with a TinyMCE. Try to do Ctrl + F / Cmd + F in the edit mode and you'll see it appears off screen.

What is the motivation / use case for changing the behavior?
Client asked me about doing find and replace and we discovered this is available in TinyMCE but it's hidden.

Please tell us about your environment:

• 2sxc version(s): 11.11.3
• Browser: [all ]
• DNN: [9.3.2 ]
• Language: [any/all ]

Anything you would like to add

[PagnoDunadan]

Fixed.

[iJungleboy]

Our fix for find/replace causes other issues and breaks all context-menus and other menus #2333. Because of this we must undo our fix (so reopen this issue) to fix #2333.

[iJungleboy]

This will need some trickery to be fixed. As it's not on our priorities, someone else must do this.

Since the dialog itself doesn't have a unique class to target, it would need a JS mutationObserver which watches for the dialog to open and apply the CSS, without accidentally breaking the other dialogs.

To do this reliably we must then verify that everything else isn't affected - so will need 2-4h.

Since we won't be addressing this ourselves, I'll put it on the needs-contribution list and close for now.

[PagnoDunadan]

Should be a lot better in the next release because TinyMCE team fixed the issue on their end.

In inline mode you have to scroll to use it:

In dialog mode it works great:

Also, option is available from the menu as well: