microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-17 12:10:22 -05:00
Code Issues Packages Projects Releases 177 Wiki Activity

Prefer using layout dimensions for sizing webview

Browse Source 
Fixes #80077
This commit is contained in:
Matt Bierner
2019-08-29 15:23:07 -07:00
parent 58e6e86eeb
commit 3fd4410ff5
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/vs/workbench/contrib/webview/browser/webviewEditor.ts
View File

@@ -88,9 +88,9 @@ export class WebviewEditor extends BaseEditor {
this.withWebview(webview => webview.reload());
}
public layout(_dimension: DOM.Dimension): void {
public layout(dimension: DOM.Dimension): void {
if (this.input && this.input instanceof WebviewEditorInput) {
this.synchronizeWebviewContainerDimensions(this.input.webview);
this.synchronizeWebviewContainerDimensions(this.input.webview, dimension);
this.input.webview.layout();
}
}
@@ -170,17 +170,16 @@ export class WebviewEditor extends BaseEditor {
this.trackFocus(input.webview);
}
private synchronizeWebviewContainerDimensions(webview: WebviewEditorOverlay) {
private synchronizeWebviewContainerDimensions(webview: WebviewEditorOverlay, dimension?: DOM.Dimension) {
const webviewContainer = webview.container;
if (webviewContainer && webviewContainer.parentElement && this._editorFrame) {
const frameRect = this._editorFrame.getBoundingClientRect();
const containerRect = webviewContainer.parentElement.getBoundingClientRect();
webviewContainer.style.position = 'absolute';
webviewContainer.style.top = `${frameRect.top - containerRect.top}px`;
webviewContainer.style.left = `${frameRect.left - containerRect.left}px`;
webviewContainer.style.width = `${frameRect.width}px`;
webviewContainer.style.height = `${frameRect.height}px`;
webviewContainer.style.width = `${dimension ? dimension.width : frameRect.width}px`;
webviewContainer.style.height = `${dimension ? dimension.height : frameRect.height}px`;
}
}