Hint GPU layers for editor sliders

src/vs/base/browser/dom.ts

@@ -1041,3 +1041,8 @@ export function domContentLoaded(): TPromise<any> {
 		}
 	});
 }
+
+export function hintGPULayer(target: HTMLElement): void {
+	// This is to hint browsers that this dom node is suited to live in its own layer (e.g. sliders, etc.)
+	(<any>target.style).willChange = 'transform';
+}

src/vs/base/browser/ui/scrollbar/abstractScrollbar.ts

@@ -170,6 +170,7 @@ export abstract class AbstractScrollbar extends Widget {
 			this.domNode.setTransform('translate3d(0px, 0px, 0px)');
 		} else {
 			this.domNode.setTransform('');
+			DomUtils.hintGPULayer(this.domNode.domNode);
 		}
 
 		this._renderDomNode(this._scrollbarState.getRectangleLargeSize(), this._scrollbarState.getRectangleSmallSize());

src/vs/editor/browser/viewParts/minimap/minimap.ts

@@ -413,6 +413,7 @@ export class Minimap extends ViewPart {
 		this._slider = createFastDomNode(document.createElement('div'));
 		this._slider.setPosition('absolute');
 		this._slider.setClassName('minimap-slider');
+		dom.hintGPULayer(this._slider.domNode);
 		this._domNode.appendChild(this._slider);
 
 		this._tokensColorTracker = MinimapTokensColorTracker.getInstance();