Opened 10 hours ago
#65480 new defect (bug)
Custom HTML Block hangs when switching tabs and scrolling (Gutenberg/WordPress 7.0)
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Awaiting Review | Priority: | normal |
| Severity: | major | Version: | 7.0 |
| Component: | Editor | Keywords: | needs-testing |
| Focuses: | ui, javascript, performance | Cc: |
Description
In WordPress 7.0, when using the Custom HTML block, switching between the tabs (HTML, CSS, JavaScript) works fine. However, the issue occurs when trying to scroll inside the code editor box/element of those tabs. Attempting to scroll through the custom code causes the entire block editor to freeze or hang.
Interestingly, if I enable Fullscreen Mode, the scrolling inside the code boxes works perfectly fine. If I disable Fullscreen Mode again, the scrolling returns to normal or temporarily unfreezes the block.
Here is the video link for the issue:https://drive.google.com/file/d/11BirJei_d3irXEqzzQ7gPSfttz1G8SCH/view?usp=sharing
Steps to Reproduce:
Open a post/page editor in WordPress 7.0 (with Fullscreen mode disabled by default).
Add a Custom HTML block and go to any tab (e.g., HTML, CSS, or JavaScript).
Paste some long code or content inside that tab so that it requires scrolling.
Try to scroll within that specific code element/box.
Observation: The editor immediately hangs/freezes.
Now, enable Fullscreen Mode from the top-right editor settings and try to scroll inside the same box.
Observation: It works fine without any lag or freeze. Disabling Fullscreen Mode again also temporarily fixes the scrolling freeze.
Expected behavior:
The editor should allow smooth scrolling inside the code boxes of the Custom HTML block (HTML, CSS, JS tabs) under all editor modes (whether Fullscreen Mode is enabled or disabled) without freezing.