Attach QP to body but position at top of main panel (#11054)

Fixes a bug where the quick-pick could be occluded by the right panel
eclipse-theia · Apr 22, 2022 · 552b5ee · 552b5ee
1 parent 7ef8e9d
commit 552b5ee
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/monaco/src/browser/monaco-quick-input-service.ts b/packages/monaco/src/browser/monaco-quick-input-service.ts
@@ -80,6 +80,9 @@ export class MonacoQuickInputImplementation implements IQuickInputService {
         this.initContainer();
         this.initController();
         this.quickAccess = new QuickAccessController(this, StandaloneServices.get(IInstantiationService));
+        this.controller.onShow(() => {
+            this.container.style.top = this.shell.mainPanel.node.getBoundingClientRect().top + 'px';
+        });
     }
 
     setContextKey(key: string | undefined): void {
@@ -156,7 +159,7 @@ export class MonacoQuickInputImplementation implements IQuickInputService {
     private initContainer(): void {
         const container = this.container = document.createElement('div');
         container.id = 'quick-input-container';
-        this.shell.mainPanel.node.appendChild(this.container);
+        document.body.appendChild(this.container);
     }
 
     private initController(): void {