Two related things are happening. When editing a paragraph inside of an EB modal, the gray overlay will appear ON TOP of all other elements, preventing the user from using the site. The z-index appears to be over 1200, when it should be something like 99 (the EB itself is z-index 100). This only happens the _first_ time AJAX paragraph editing is used inside the modal. Subsequent times is fine.
When this happens, we also get the following error in the console when/if the screen is resized (which happens when opening inspector):
dialog.position.js?v=10.1.4:82 Uncaught TypeError: Cannot read properties of undefined (reading 'settings')
at resetSize (dialog.position.js?v=10.1.4:82:32)
at later (debounce.js?v=10.1.4:37:23)This error appears every time the window is resized while the overlay/EB is active (every movement generates more errors).
Active
2.9
Field widget
I also encountered a similar error.
Uncaught TypeError: Cannot read properties of undefined (reading 'width')
at resetSize (dialog.position.js?v=10.1.7:82:40)
at later (debounce.js?v=10.1.7:37:23)
After applying the following patch, the error no longer occurs.
https://www.drupal.org/project/drupal/issues/3356667 🐛 Error: Cannot read properties of undefined (reading 'settings') with dialog.position.js Needs work