Improve touch support in html preview #21812 Fixes #14621

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

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