Fix Imagine Monaco editor interactions inside Console wrapper #2488
Conversation
|
🚅 Deployed to the console-pr-2488 environment in Imagine
|
ConsoleProject ID: Sites (2)
Note Cursor pagination performs better than offset pagination when loading further pages. |
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the ✨ Finishing touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Fixes IMA-265
What does this PR do?
Problem: when the Imagine web component runs inside Console’s shadow DOM, Monaco’s styles never reach the editor iframe, so scroll, selection, and keyboard shortcuts all break.
Fix: clone the Monaco-generated /<style> tags into the wrapper’s shadow root and watch for new ones to ensure the editor inherits the same CSS the loader injects into document.head.
With Monaco’s stylesheet cascade applied inside the shadow tree, the hidden textarea and scroll containers regain their intended layout. Also restores pointer events and keyboard handling