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);