Dialog box is out of frame on source code Magento 2.4.7-p8

[lohoy]

When we edit the source code of text field on slider component the dialog box is out of frame.

Preconditions (*)

Install Magento 2.4.7-p8.
Add code on tinymce config.

Steps to reproduce (*)

On backoffice create new page.
Add row component, slider component, edit text and click on source code.
The dialog box is out of frame.

Expected result (*)

The dialog box must in the frame.

Actual result (*)

The dialog box is out of frame.

The issue introduce only on Magento 2.4.7-p8.

See the file : https://github.com/magento/magento2-page-builder/blame/1.7.4-p8/app/code/Magento/PageBuilder/view/adminhtml/web/js/wysiwyg/tinymce.js

On line 173 we have :
var dialogContainer = document.querySelector("#" + _this2.elementId + " ~ .tox--aux");
But the right code is :
var dialogContainer = document.querySelector("#" + _this2.elementId + " ~ .tox-hugerte-aux");

Please create quality patch to this error please.

[m2-assistant]

Hi @lohoy. Thank you for your report.
To speed up processing of this issue, make sure that you provided sufficient information.
Add a comment to assign the issue: @magento I am working on this

---

Join Magento Community Engineering Slack and ask your questions in #github channel.

[engcom-Hotel]

Hello @lohoy,

Thank you for the report and collaboration!

We are trying to reproduce the issue at our end on the latest development branch. But we stuck on the below step:

Add row component, slider component, edit text and click on source code.

Please elaborate the step click on source code.

Thank you

[lohoy]

Hello,

You must add code plugin on hugerte.

Cordially.

[engcom-Hotel]

Hello @lohoy,

Thank you for your reply!

But we cant see the source code icon in the latest development branch. Please refer to the below screenshot:

Is there any other way to reproduce the issue?

[lohoy]

You must add code plugin on hugerte.

You can follow the documentation : https://developer.adobe.com/commerce/frontend-core/ui-components/components/wysiwyg/configure-tinymce-editor

[engcom-Hotel]

Hello @lohoy,

Thank you for the reply!

We have tried to add the source code plugin and for us the popup looks aligned with the window:

It seems the issue has been resolved in the latest development branch.

[lohoy]

You try on Magento 2.4.7-p10 ?

On Magento 2.4.7-p10 it seems not work.

[engcom-Hotel]

As per the process, we need to reproduce the issue on the latest development branch which is develop and Magento 2's 2.4-develop branch. The issue is not reproducible on this.

So it may be resolved in the scope of other issue. Hence we can close this issue.