diff --git a/src/vs/workbench/browser/parts/editor/media/tabstitle.css b/src/vs/workbench/browser/parts/editor/media/tabstitle.css index 15b2f88b2fd43a077b82c4146013012ca3354fb6..6de164ac7d13e4556a6f22c0def3ce1047c27035 100644 --- a/src/vs/workbench/browser/parts/editor/media/tabstitle.css +++ b/src/vs/workbench/browser/parts/editor/media/tabstitle.css @@ -47,6 +47,10 @@ padding-left: 10px; } +.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dragged { + will-change: transform; /* forces tab to be drawn on a separate layer (fixes https://github.com/Microsoft/vscode/issues/18733) */ +} + .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.close-button-left { flex-direction: row-reverse; padding-left: 0; diff --git a/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts b/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts index d2e91ffa84df22f57a5de5797e0267864ab6a97d..054b32740acc109a40bf999ebaea20c67fcff791 100644 --- a/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts +++ b/src/vs/workbench/browser/parts/editor/tabsTitleControl.ts @@ -746,6 +746,10 @@ export class TabsTitleControl extends TitleControl { e.dataTransfer.setData('DownloadURL', [MIME_BINARY, editor.getName(), resourceStr].join(':')); // enables support to drag a tab as file to desktop } } + + // Fixes https://github.com/Microsoft/vscode/issues/18733 + DOM.addClass(tab, 'dragged'); + scheduleAtNextAnimationFrame(() => DOM.removeClass(tab, 'dragged')); })); // We need to keep track of DRAG_ENTER and DRAG_LEAVE events because a tab is not just a div without children,