diff --git a/src/vs/workbench/parts/html/browser/htmlPreviewPart.ts b/src/vs/workbench/parts/html/browser/htmlPreviewPart.ts index 11a6cbba8bcfff5f214949a494353d29c27f3892..6f6053d6cb85668312cc964d1de9c8989d2b5392 100644 --- a/src/vs/workbench/parts/html/browser/htmlPreviewPart.ts +++ b/src/vs/workbench/parts/html/browser/htmlPreviewPart.ts @@ -76,6 +76,8 @@ export class HtmlPreviewPart extends BaseEditor { protected createEditor(parent: Builder): void { this._container = document.createElement('div'); this._container.style.paddingLeft = '20px'; + this._container.style.position = 'absolute'; + this._container.style.zIndex = '300'; parent.getHTMLElement().appendChild(this._container); } diff --git a/src/vs/workbench/parts/html/browser/webview.ts b/src/vs/workbench/parts/html/browser/webview.ts index 831add2662f2063dc913123d9b3b7f6876c14896..c4b7ad5c43baf7fc1b63e5d57ba8f1d60fa69995 100644 --- a/src/vs/workbench/parts/html/browser/webview.ts +++ b/src/vs/workbench/parts/html/browser/webview.ts @@ -145,7 +145,7 @@ export default class Webview { } style(theme: IColorTheme): void { - const {color, backgroundColor, fontFamily, fontWeight, fontSize} = window.getComputedStyle(this._styleElement); + const { color, backgroundColor, fontFamily, fontWeight, fontSize } = window.getComputedStyle(this._styleElement); let value = ` :root { @@ -154,7 +154,6 @@ export default class Webview { --font-family: ${fontFamily}; --font-weight: ${fontWeight}; --font-size: ${fontSize}; - -webkit-overflow-scrolling: touch; } body { background-color: var(--background-color);