aux window - fix web (fix microsoft#199836) (microsoft#199841)

aux window - fix web (microsoft#199836)

Author: bpasero

src/vs/base/browser/dom.ts

@@ -444,9 +444,9 @@ export function getComputedStyle(el: HTMLElement): CSSStyleDeclaration {
 	return getWindow(el).getComputedStyle(el, null);
 }
 
-export function getClientArea(element: HTMLElement): Dimension {
-	const elDocument = element.ownerDocument;
-	const elWindow = elDocument.defaultView?.window;
+export function getClientArea(element: HTMLElement, fallback?: HTMLElement): Dimension {
+	const elWindow = getWindow(element);
+	const elDocument = elWindow.document;
 
 	// Try with DOM clientWidth / clientHeight
 	if (element !== elDocument.body) {
@@ -473,6 +473,10 @@ export function getClientArea(element: HTMLElement): Dimension {
 		return new Dimension(elDocument.documentElement.clientWidth, elDocument.documentElement.clientHeight);
 	}
 
+	if (fallback) {
+		return getClientArea(fallback);
+	}
+
 	throw new Error('Unable to figure out browser width and height');
 }
 

src/vs/workbench/services/auxiliaryWindow/browser/auxiliaryWindowService.ts

@@ -83,7 +83,7 @@ export class AuxiliaryWindow extends BaseWindow implements IAuxiliaryWindow {
 		}));
 
 		this._register(addDisposableListener(this.window, EventType.RESIZE, () => {
-			const dimension = getClientArea(this.window.document.body);
+			const dimension = getClientArea(this.window.document.body, this.container);
 			position(this.container, 0, 0, 0, 0, 'relative');
 			size(this.container, dimension.width, dimension.height);
 
@@ -116,7 +116,7 @@ export class AuxiliaryWindow extends BaseWindow implements IAuxiliaryWindow {
 	}
 
 	layout(): void {
-		this._onDidLayout.fire(getClientArea(this.window.document.body));
+		this._onDidLayout.fire(getClientArea(this.window.document.body, this.container));
 	}
 
 	override dispose(): void {