@codingame/monaco-vscode-api 19.0.1 → 19.1.0

package/vscode/src/vs/base/browser/ui/findinput/findInput.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { getActiveElement, EventHelper, addDisposableListener } from '../../dom.js';
+import { createElement, getActiveElement, EventHelper, addDisposableListener } from '../../dom.js';
 import { RegexToggle, WholeWordsToggle, CaseSensitiveToggle } from './findInputToggles.js';
 import { HistoryInputBox } from '../inputbox/inputBox.js';
 import { Widget } from '../widget.js';
@@ -46,7 +46,7 @@ class FindInput extends Widget {
         const flexibleHeight = !!options.flexibleHeight;
         const flexibleWidth = !!options.flexibleWidth;
         const flexibleMaxHeight = options.flexibleMaxHeight;
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         this.domNode.classList.add('monaco-findInput');
         this.inputBox = this._register(( new HistoryInputBox(this.domNode, contextViewProvider, {
             placeholder: this.placeholder || '',
@@ -137,7 +137,7 @@ class FindInput extends Widget {
                 }
             });
         }
-        this.controls = document.createElement('div');
+        this.controls = createElement('div');
         this.controls.className = 'controls';
         this.controls.style.display = this.showCommonFindToggles ? '' : 'none';
         if (this.caseSensitive) {

package/vscode/src/vs/base/browser/ui/findinput/replaceInput.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { getActiveElement, EventHelper } from '../../dom.js';
+import { createElement, getActiveElement, EventHelper } from '../../dom.js';
 import { Toggle } from '../toggle/toggle.js';
 import { HistoryInputBox } from '../inputbox/inputBox.js';
 import { Widget } from '../widget.js';
@@ -56,7 +56,7 @@ class ReplaceInput extends Widget {
         const flexibleHeight = !!options.flexibleHeight;
         const flexibleWidth = !!options.flexibleWidth;
         const flexibleMaxHeight = options.flexibleMaxHeight;
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         this.domNode.classList.add('monaco-findInput');
         this.inputBox = this._register(( new HistoryInputBox(this.domNode, this.contextViewProvider, {
             ariaLabel: this.label || '',
@@ -120,7 +120,7 @@ class ReplaceInput extends Widget {
                 }
             }
         });
-        const controls = document.createElement('div');
+        const controls = createElement('div');
         controls.className = 'controls';
         controls.style.display = this._showOptionButtons ? 'block' : 'none';
         controls.appendChild(this.preserveCase.domNode);

package/vscode/src/vs/base/browser/ui/hover/hoverWidget.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { $ as $$1, append, addDisposableListener, EventType } from '../../dom.js';
+import { $ as $$1, createElement, append, addDisposableListener, EventType } from '../../dom.js';
 import { StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { DomScrollableElement } from '../scrollbar/scrollableElement.js';
 import { KeyCode } from '../../../common/keyCodes.js';
@@ -20,12 +20,12 @@ var HoverPosition;
 class HoverWidget extends Disposable {
     constructor(fadeIn) {
         super();
-        this.containerDomNode = document.createElement('div');
+        this.containerDomNode = createElement('div');
         this.containerDomNode.className = 'monaco-hover';
         this.containerDomNode.classList.toggle('fade-in', !!fadeIn);
         this.containerDomNode.tabIndex = 0;
         this.containerDomNode.setAttribute('role', 'tooltip');
-        this.contentsDomNode = document.createElement('div');
+        this.contentsDomNode = createElement('div');
         this.contentsDomNode.className = 'monaco-hover-content';
         this.scrollbar = this._register(( new DomScrollableElement(this.contentsDomNode, {
             consumeMouseWheelIfScrollbarIsNeeded: true

package/vscode/src/vs/base/browser/ui/list/listView.js

@@ -1,7 +1,7 @@
 
 import { __decorate } from '../../../../../../../external/tslib/tslib.es6.js';
 import { DataTransfers } from '../../dnd.js';
-import { getContentWidth, scheduleAtNextAnimationFrame, getWindow, addDisposableListener, getActiveElement, getContentHeight, getDocument, getTopLeftOffset, animate, isHTMLElement, isSVGElement, isAncestor } from '../../dom.js';
+import { getContentWidth, createElement, scheduleAtNextAnimationFrame, getWindow, addDisposableListener, getActiveElement, getContentHeight, getDocument, getTopLeftOffset, animate, isHTMLElement, isSVGElement, isAncestor } from '../../dom.js';
 import { DomEmitter } from '../../event.js';
 import { Gesture, EventType } from '../../touch.js';
 import { SmoothScrollableElement } from '../scrollbar/scrollableElement.js';
@@ -196,7 +196,7 @@ class ListView {
         this.cache = this.disposables.add(( new RowCache(this.renderers)));
         this.lastRenderTop = 0;
         this.lastRenderHeight = 0;
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         this.domNode.className = 'monaco-list';
         this.domNode.classList.add(this.domId);
         this.domNode.tabIndex = 0;
@@ -205,7 +205,7 @@ class ListView {
         this.domNode.classList.toggle('horizontal-scrolling', this._horizontalScrolling);
         this.paddingBottom = typeof options.paddingBottom === 'undefined' ? 0 : options.paddingBottom;
         this.accessibilityProvider = ( new ListViewAccessibilityProvider(options.accessibilityProvider));
-        this.rowsContainer = document.createElement('div');
+        this.rowsContainer = createElement('div');
         this.rowsContainer.className = 'monaco-list-rows';
         const transformOptimization = options.transformOptimization ?? DefaultOptions.transformOptimization;
         if (transformOptimization) {

package/vscode/src/vs/base/browser/ui/menu/menu.js

@@ -1,7 +1,7 @@
 
 import { isFirefox } from '../../browser.js';
 import { Gesture, EventType as EventType$1 } from '../../touch.js';
-import { addDisposableListener, EventType, EventHelper, isAncestor, getWindow, isInShadowDOM, append, $, clearNode, getActiveElement, Dimension } from '../../dom.js';
+import { createElement, addDisposableListener, EventType, EventHelper, isAncestor, getWindow, isInShadowDOM, append, $, clearNode, getActiveElement, Dimension } from '../../dom.js';
 import { createStyleSheet } from '../../domStylesheets.js';
 import { StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { StandardMouseEvent } from '../../mouseEvent.js';
@@ -37,7 +37,7 @@ class Menu extends ActionBar {
     constructor(container, actions, options, menuStyles) {
         container.classList.add('monaco-menu-container');
         container.setAttribute('role', 'presentation');
-        const menuElement = document.createElement('div');
+        const menuElement = createElement('div');
         menuElement.classList.add('monaco-menu');
         menuElement.setAttribute('role', 'presentation');
         super(menuElement, {

package/vscode/src/vs/base/browser/ui/progressbar/progressbar.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { show, hide } from '../../dom.js';
+import { show, createElement, hide } from '../../dom.js';
 import { getProgressAcccessibilitySignalScheduler } from './progressAccessibilitySignal.js';
 import { RunOnceScheduler } from '../../../common/async.js';
 import { Disposable, MutableDisposable } from '../../../common/lifecycle.js';
@@ -28,12 +28,12 @@ class ProgressBar extends Disposable {
         this.create(container, options);
     }
     create(container, options) {
-        this.element = document.createElement('div');
+        this.element = createElement('div');
         this.element.classList.add('monaco-progress-container');
         this.element.setAttribute('role', 'progressbar');
         this.element.setAttribute('aria-valuemin', '0');
         container.appendChild(this.element);
-        this.bit = document.createElement('div');
+        this.bit = createElement('div');
         this.bit.classList.add('progress-bit');
         this.bit.style.backgroundColor = options?.progressBarBackground || '#0E70C0';
         this.element.appendChild(this.bit);

package/vscode/src/vs/base/browser/ui/resizable/resizable.js

@@ -1,5 +1,5 @@
 
-import { Dimension } from '../../dom.js';
+import { Dimension, createElement } from '../../dom.js';
 import { Sash, Orientation, OrthogonalEdge, SashState } from '../sash/sash.js';
 import { Emitter, Event } from '../../../common/event.js';
 import { DisposableStore } from '../../../common/lifecycle.js';
@@ -14,7 +14,7 @@ class ResizableHTMLElement {
         this._size = ( new Dimension(0, 0));
         this._minSize = ( new Dimension(0, 0));
         this._maxSize = ( new Dimension(Number.MAX_SAFE_INTEGER, Number.MAX_SAFE_INTEGER));
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         this._eastSash = ( new Sash(
             this.domNode,
             { getVerticalSashLeft: () => this._size.width },

package/vscode/src/vs/base/browser/ui/scrollbar/abstractScrollbar.js

@@ -1,5 +1,5 @@
 
-import { addDisposableListener, EventType, getDomNodePagePosition } from '../../dom.js';
+import { createElement, addDisposableListener, EventType, getDomNodePagePosition, isElement } from '../../dom.js';
 import { createFastDomNode } from '../../fastDomNode.js';
 import { GlobalPointerMoveMonitor } from '../../globalPointerMoveMonitor.js';
 import { ScrollbarArrow } from './scrollbarArrow.js';
@@ -24,7 +24,7 @@ class AbstractScrollbar extends Widget {
         this._visibilityController.setIsNeeded(this._scrollbarState.isNeeded());
         this._pointerMoveMonitor = this._register(( new GlobalPointerMoveMonitor()));
         this._shouldRender = true;
-        this.domNode = createFastDomNode(document.createElement('div'));
+        this.domNode = createFastDomNode(createElement('div'));
         this.domNode.setAttribute('role', 'presentation');
         this.domNode.setAttribute('aria-hidden', 'true');
         this._visibilityController.setDomNode(this.domNode);
@@ -37,7 +37,7 @@ class AbstractScrollbar extends Widget {
         this.domNode.domNode.appendChild(arrow.domNode);
     }
     _createSlider(top, left, width, height) {
-        this.slider = createFastDomNode(document.createElement('div'));
+        this.slider = createFastDomNode(createElement('div'));
         this.slider.setClassName('slider');
         this.slider.setPosition('absolute');
         this.slider.setTop(top);
@@ -150,7 +150,7 @@ class AbstractScrollbar extends Widget {
         }
     }
     _sliderPointerDown(e) {
-        if (!e.target || !(e.target instanceof Element)) {
+        if (!e.target || !isElement(e.target)) {
             return;
         }
         const initialPointerPosition = this._sliderPointerPosition(e);

package/vscode/src/vs/base/browser/ui/scrollbar/scrollableElement.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { isChrome, getZoomFactor } from '../../browser.js';
-import { getWindow, addDisposableListener, EventType, scheduleAtNextAnimationFrame } from '../../dom.js';
+import { getWindow, createElement, addDisposableListener, EventType, scheduleAtNextAnimationFrame } from '../../dom.js';
 import { createFastDomNode } from '../../fastDomNode.js';
 import { StandardWheelEvent } from '../../mouseEvent.js';
 import { HorizontalScrollbar } from './horizontalScrollbar.js';
@@ -135,7 +135,7 @@ class AbstractScrollableElement extends Widget {
         };
         this._verticalScrollbar = this._register(( new VerticalScrollbar(this._scrollable, this._options, scrollbarHost)));
         this._horizontalScrollbar = this._register(( new HorizontalScrollbar(this._scrollable, this._options, scrollbarHost)));
-        this._domNode = document.createElement('div');
+        this._domNode = createElement('div');
         this._domNode.className = 'monaco-scrollable-element ' + this._options.className;
         this._domNode.setAttribute('role', 'presentation');
         this._domNode.style.position = 'relative';
@@ -144,13 +144,13 @@ class AbstractScrollableElement extends Widget {
         this._domNode.appendChild(this._horizontalScrollbar.domNode.domNode);
         this._domNode.appendChild(this._verticalScrollbar.domNode.domNode);
         if (this._options.useShadows) {
-            this._leftShadowDomNode = createFastDomNode(document.createElement('div'));
+            this._leftShadowDomNode = createFastDomNode(createElement('div'));
             this._leftShadowDomNode.setClassName('shadow');
             this._domNode.appendChild(this._leftShadowDomNode.domNode);
-            this._topShadowDomNode = createFastDomNode(document.createElement('div'));
+            this._topShadowDomNode = createFastDomNode(createElement('div'));
             this._topShadowDomNode.setClassName('shadow');
             this._domNode.appendChild(this._topShadowDomNode.domNode);
-            this._topLeftShadowDomNode = createFastDomNode(document.createElement('div'));
+            this._topLeftShadowDomNode = createFastDomNode(createElement('div'));
             this._topLeftShadowDomNode.setClassName('shadow');
             this._domNode.appendChild(this._topLeftShadowDomNode.domNode);
         }

package/vscode/src/vs/base/browser/ui/scrollbar/scrollbarArrow.js

@@ -3,14 +3,14 @@ import { GlobalPointerMoveMonitor } from '../../globalPointerMoveMonitor.js';
 import { Widget } from '../widget.js';
 import { TimeoutTimer } from '../../../common/async.js';
 import { ThemeIcon } from '../../../common/themables.js';
-import { addStandardDisposableListener, EventType, WindowIntervalTimer, getWindow } from '../../dom.js';
+import { createElement, addStandardDisposableListener, EventType, WindowIntervalTimer, isElement, getWindow } from '../../dom.js';
 
 const ARROW_IMG_SIZE = 11;
 class ScrollbarArrow extends Widget {
     constructor(opts) {
         super();
         this._onActivate = opts.onActivate;
-        this.bgDomNode = document.createElement('div');
+        this.bgDomNode = createElement('div');
         this.bgDomNode.className = 'arrow-background';
         this.bgDomNode.style.position = 'absolute';
         this.bgDomNode.style.width = opts.bgWidth + 'px';
@@ -27,7 +27,7 @@ class ScrollbarArrow extends Widget {
         if (typeof opts.right !== 'undefined') {
             this.bgDomNode.style.right = '0px';
         }
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         this.domNode.className = opts.className;
         this.domNode.classList.add(...ThemeIcon.asClassNameArray(opts.icon));
         this.domNode.style.position = 'absolute';
@@ -52,7 +52,7 @@ class ScrollbarArrow extends Widget {
         this._pointerdownScheduleRepeatTimer = this._register(( new TimeoutTimer()));
     }
     _arrowPointerDown(e) {
-        if (!e.target || !(e.target instanceof Element)) {
+        if (!e.target || !isElement(e.target)) {
             return;
         }
         const scheduleRepeater = () => {

package/vscode/src/vs/base/browser/ui/selectBox/selectBoxCustom.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { $ as $$1, append, addDisposableListener, EventType, EventHelper, addStandardDisposableListener, getWindow, getDomNodePagePosition, getTotalWidth, isAncestor } from '../../dom.js';
+import { $ as $$1, append, createElement, addDisposableListener, EventType, EventHelper, addStandardDisposableListener, getWindow, getDomNodePagePosition, getTotalWidth, isAncestor } from '../../dom.js';
 import { createStyleSheet } from '../../domStylesheets.js';
 import { asCssValueWithDefault } from '../../cssValue.js';
 import { DomEmitter } from '../../event.js';
@@ -71,7 +71,7 @@ class SelectBoxList extends Disposable {
         else if (this.selectBoxOptions.minBottomMargin < 0) {
             this.selectBoxOptions.minBottomMargin = 0;
         }
-        this.selectElement = document.createElement('select');
+        this.selectElement = createElement('select');
         this.selectElement.className = 'monaco-select-box monaco-select-box-dropdown-padding';
         if (typeof this.selectBoxOptions.ariaLabel === 'string') {
             this.selectElement.setAttribute('aria-label', this.selectBoxOptions.ariaLabel);
@@ -110,7 +110,7 @@ class SelectBoxList extends Disposable {
         this.selectionDetailsPane = append(this.selectDropDownContainer, $('.select-box-details-pane'));
         const widthControlOuterDiv = append(this.selectDropDownContainer, $('.select-box-dropdown-container-width-control'));
         const widthControlInnerDiv = append(widthControlOuterDiv, $('.width-control-div'));
-        this.widthControlElement = document.createElement('span');
+        this.widthControlElement = createElement('span');
         this.widthControlElement.className = 'option-text-width-control';
         append(widthControlInnerDiv, this.widthControlElement);
         this._dropDownPosition = AnchorPosition.BELOW;
@@ -297,7 +297,7 @@ class SelectBoxList extends Disposable {
         this.selectList.style(this.styles);
     }
     createOption(value, index, disabled) {
-        const option = document.createElement('option');
+        const option = createElement('option');
         option.value = value;
         option.text = value;
         option.disabled = !!disabled;

package/vscode/src/vs/base/browser/ui/selectBox/selectBoxNative.js

@@ -1,5 +1,5 @@
 
-import { addDisposableListener, addStandardDisposableListener, EventHelper } from '../../dom.js';
+import { createElement, addDisposableListener, addStandardDisposableListener, EventHelper } from '../../dom.js';
 import { Gesture, EventType } from '../../touch.js';
 import { equals } from '../../../common/arrays.js';
 import { Emitter } from '../../../common/event.js';
@@ -13,7 +13,7 @@ class SelectBoxNative extends Disposable {
         this.selected = 0;
         this.selectBoxOptions = selectBoxOptions || Object.create(null);
         this.options = [];
-        this.selectElement = document.createElement('select');
+        this.selectElement = createElement('select');
         this.selectElement.className = 'monaco-select-box';
         if (typeof this.selectBoxOptions.ariaLabel === 'string') {
             this.selectElement.setAttribute('aria-label', this.selectBoxOptions.ariaLabel);
@@ -136,7 +136,7 @@ class SelectBoxNative extends Disposable {
         }
     }
     createOption(value, index, disabled) {
-        const option = document.createElement('option');
+        const option = createElement('option');
         option.value = value;
         option.text = value;
         option.disabled = !!disabled;

package/vscode/src/vs/base/browser/ui/splitview/splitview.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { append, $, scheduleAtNextAnimationFrame, getWindow, addDisposableListener, getRootContainer } from '../../dom.js';
+import { createElement, append, $, scheduleAtNextAnimationFrame, getWindow, addDisposableListener, getRootContainer } from '../../dom.js';
 import { DomEmitter } from '../../event.js';
 import { Orientation, Sash, SashState } from '../sash/sash.js';
 import { SmoothScrollableElement } from '../scrollbar/scrollableElement.js';
@@ -183,7 +183,7 @@ class SplitView extends Disposable {
         this.inverseAltBehavior = options.inverseAltBehavior ?? false;
         this.proportionalLayout = options.proportionalLayout ?? true;
         this.getSashOrthogonalSize = options.getSashOrthogonalSize;
-        this.el = document.createElement('div');
+        this.el = createElement('div');
         this.el.classList.add('monaco-split-view2');
         this.el.classList.add(this.orientation === Orientation.VERTICAL ? 'vertical' : 'horizontal');
         container.appendChild(this.el);

package/vscode/src/vs/base/browser/ui/toggle/toggle.js

@@ -4,7 +4,7 @@ import { Codicon } from '../../../common/codicons.js';
 import { Emitter } from '../../../common/event.js';
 import { KeyCode } from '../../../common/keyCodes.js';
 import { ThemeIcon } from '../../../common/themables.js';
-import { isActiveElement, $, addDisposableListener, EventType } from '../../dom.js';
+import { createElement, isActiveElement, $, addDisposableListener, EventType } from '../../dom.js';
 import { BaseActionViewItem } from '../actionbar/actionViewItems.js';
 import { getBaseLayerHoverDelegate } from '../hover/hoverDelegate2.js';
 import { getDefaultHoverDelegate } from '../hover/hoverDelegateFactory.js';
@@ -94,7 +94,7 @@ class Toggle extends Widget {
         if (this._checked) {
             classes.push('checked');
         }
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         if (this._opts.hoverDelegate?.showNativeHover) {
             this.domNode.title = this._opts.title;
         }

package/vscode/src/vs/base/browser/ui/toolbar/toolbar.js

@@ -10,6 +10,7 @@ import { Disposable, DisposableStore } from '../../../common/lifecycle.js';
 import * as toolbar from './toolbar.css';
 import { localize } from '../../../../nls.js';
 import { createInstantHoverDelegate } from '../hover/hoverDelegateFactory.js';
+import { createElement } from '../../dom.js';
 
 registerCss(toolbar);
 class ToolBar extends Disposable {
@@ -23,7 +24,7 @@ class ToolBar extends Disposable {
         options.hoverDelegate = options.hoverDelegate ?? this._register(createInstantHoverDelegate());
         this.options = options;
         this.toggleMenuAction = this._register(( new ToggleMenuAction(() => this.toggleMenuActionViewItem?.show(), options.toggleMenuTitle)));
-        this.element = document.createElement('div');
+        this.element = createElement('div');
         this.element.className = 'monaco-toolbar';
         container.appendChild(this.element);
         this.actionBar = this._register(( new ActionBar(this.element, {

package/vscode/src/vs/base/browser/ui/tree/abstractTree.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { append, $, clearNode, h, addDisposableListener, isKeyboardEvent, hasParentWithClass, isEditableElement, isActiveElement } from '../../dom.js';
+import { append, $, clearNode, h, createElement, addDisposableListener, isKeyboardEvent, hasParentWithClass, isEditableElement, isActiveElement } from '../../dom.js';
 import { createStyleSheet } from '../../domStylesheets.js';
 import { asCssValueWithDefault } from '../../cssValue.js';
 import { DomEmitter } from '../../event.js';
@@ -1291,7 +1291,7 @@ class StickyScrollWidget {
     }
     createElement(stickyNode, stickyIndex, stickyNodesTotal) {
         const nodeIndex = stickyNode.startIndex;
-        const stickyElement = document.createElement('div');
+        const stickyElement = createElement('div');
         stickyElement.style.top = `${stickyNode.position}px`;
         if (this.tree.options.setRowHeight !== false) {
             stickyElement.style.height = `${stickyNode.height}px`;

package/vscode/src/vs/base/browser/window.d.ts

@@ -2,5 +2,8 @@ export type CodeWindow = Window & typeof globalThis & {
     readonly vscodeWindowId: number;
 };
 export declare function ensureCodeWindow(targetWindow: Window, fallbackWindowId: number): asserts targetWindow is CodeWindow;
+declare global {
+    var vscodeWindow: Window | undefined;
+}
 export declare const mainWindow: CodeWindow;
 export declare function isAuxiliaryWindow(obj: Window): obj is CodeWindow;

package/vscode/src/vs/base/browser/window.js

@@ -8,7 +8,7 @@ function ensureCodeWindow(targetWindow, fallbackWindowId) {
         });
     }
 }
-const mainWindow = window;
+const mainWindow = (window.vscodeWindow ?? window);
 function isAuxiliaryWindow(obj) {
     if (obj === mainWindow) {
         return false;

package/vscode/src/vs/editor/browser/config/charWidthReader.js

@@ -1,5 +1,6 @@
 
 import { applyFontInfo } from './domFontInfo.js';
+import { createElement } from '../../../base/browser/dom.js';
 
 var CharWidthRequestType;
 (function (CharWidthRequestType) {
@@ -33,18 +34,18 @@ class DomCharWidthReader {
         this._testElements = null;
     }
     _createDomElements() {
-        const container = document.createElement('div');
+        const container = createElement('div');
         container.style.position = 'absolute';
         container.style.top = '-50000px';
         container.style.width = '50000px';
-        const regularDomNode = document.createElement('div');
+        const regularDomNode = createElement('div');
         applyFontInfo(regularDomNode, this._bareFontInfo);
         container.appendChild(regularDomNode);
-        const boldDomNode = document.createElement('div');
+        const boldDomNode = createElement('div');
         applyFontInfo(boldDomNode, this._bareFontInfo);
         boldDomNode.style.fontWeight = 'bold';
         container.appendChild(boldDomNode);
-        const italicDomNode = document.createElement('div');
+        const italicDomNode = createElement('div');
         applyFontInfo(italicDomNode, this._bareFontInfo);
         italicDomNode.style.fontStyle = 'italic';
         container.appendChild(italicDomNode);
@@ -60,8 +61,8 @@ class DomCharWidthReader {
             if (request.type === CharWidthRequestType.Italic) {
                 parent = italicDomNode;
             }
-            parent.appendChild(document.createElement('br'));
-            const testElement = document.createElement('span');
+            parent.appendChild(createElement('br'));
+            const testElement = createElement('span');
             DomCharWidthReader._render(testElement, request);
             parent.appendChild(testElement);
             testElements.push(testElement);

package/vscode/src/vs/editor/browser/controller/editContext/native/nativeEditContext.js

@@ -3,7 +3,7 @@ import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
 import * as nativeEditContext from './nativeEditContext.css';
 import { isFirefox } from '../../../../../base/browser/browser.js';
-import { getWindow, addDisposableListener, getWindowId, getActiveWindow } from '../../../../../base/browser/dom.js';
+import { createElement, getWindow, addDisposableListener, getWindowId, getActiveWindow } from '../../../../../base/browser/dom.js';
 import { FastDomNode } from '../../../../../base/browser/fastDomNode.js';
 import { StandardKeyboardEvent } from '../../../../../base/browser/keyboardEvent.js';
 import { KeyCode } from '../../../../../base/common/keyCodes.js';
@@ -47,9 +47,9 @@ let NativeEditContext = class NativeEditContext extends AbstractEditContext {
         this._targetWindowId = -1;
         this._scrollTop = 0;
         this._scrollLeft = 0;
-        this.domNode = ( new FastDomNode(document.createElement('div')));
+        this.domNode = ( new FastDomNode(createElement('div')));
         this.domNode.setClassName(`native-edit-context`);
-        this._imeTextArea = ( new FastDomNode(document.createElement('textarea')));
+        this._imeTextArea = ( new FastDomNode(createElement('textarea')));
         this._imeTextArea.setClassName(`ime-text-area`);
         this._imeTextArea.setAttribute('readonly', 'true');
         this._imeTextArea.setAttribute('tabindex', '-1');

package/vscode/src/vs/editor/browser/controller/editContext/textArea/textAreaEditContext.js

@@ -32,6 +32,7 @@ import { ariaLabelForScreenReaderContent, PagedScreenReaderStrategy, newlinecoun
 import { getDataToCopy } from '../clipboardUtils.js';
 import { TextAreaState } from './textAreaEditContextState.js';
 import { getMapForWordSeparators, WordCharacterClass } from '../../../../common/core/wordCharacterClassifier.js';
+import { createElement } from '../../../../../base/browser/dom.js';
 
 registerCss(textAreaEditContext);
 class VisibleTextAreaData {
@@ -108,7 +109,7 @@ let TextAreaEditContext = class TextAreaEditContext extends AbstractEditContext
         this._selections = [( new Selection(1, 1, 1, 1))];
         this._modelSelections = [( new Selection(1, 1, 1, 1))];
         this._lastRenderPosition = null;
-        this.textArea = createFastDomNode(document.createElement('textarea'));
+        this.textArea = createFastDomNode(createElement('textarea'));
         PartFingerprints.write(this.textArea, PartFingerprint.TextArea);
         this.textArea.setClassName(`inputarea ${MOUSE_CURSOR_TEXT_CSS_CLASS_NAME}`);
         this.textArea.setAttribute('wrap', this._textAreaWrapping && !this._visibleTextArea ? 'on' : 'off');
@@ -126,7 +127,7 @@ let TextAreaEditContext = class TextAreaEditContext extends AbstractEditContext
         this.textArea.setAttribute('aria-multiline', 'true');
         this.textArea.setAttribute('aria-autocomplete', options.get(EditorOption.readOnly) ? 'none' : 'both');
         this._ensureReadOnlyAttribute();
-        this.textAreaCover = createFastDomNode(document.createElement('div'));
+        this.textAreaCover = createFastDomNode(createElement('div'));
         this.textAreaCover.setPosition('absolute');
         overflowGuardContainer.appendChild(this.textArea);
         overflowGuardContainer.appendChild(this.textAreaCover);

package/vscode/src/vs/editor/browser/controller/mouseTarget.js

@@ -7,7 +7,7 @@ import { EditorOption } from '../../common/config/editorOptions.js';
 import { Position } from '../../common/core/position.js';
 import { Range } from '../../common/core/range.js';
 import { CursorColumns } from '../../common/core/cursorColumns.js';
-import { getRootContainer, getWindow, getShadowRoot } from '../../../base/browser/dom.js';
+import { getRootContainer, getWindow, getShadowRoot, createElement } from '../../../base/browser/dom.js';
 import { AtomicTabMoveOperations, Direction } from '../../common/cursor/cursorAtomicMoveOperations.js';
 import { PositionAffinity } from '../../common/model.js';
 import { Lazy } from '../../../base/common/lazy.js';
@@ -864,7 +864,7 @@ class CharWidthReader {
     }
     constructor() {
         this._cache = {};
-        this._canvas = document.createElement('canvas');
+        this._canvas = createElement('canvas');
     }
     getCharWidth(char, font) {
         const cacheKey = char + font;

package/vscode/src/vs/editor/browser/gpu/viewGpuContext.js

@@ -1,7 +1,7 @@
 
 import { __decorate, __param } from '../../../../../../external/tslib/tslib.es6.js';
 import { localize } from '../../../nls.js';
-import { getActiveWindow, addDisposableListener } from '../../../base/browser/dom.js';
+import { createElement, getActiveWindow, addDisposableListener } from '../../../base/browser/dom.js';
 import { createFastDomNode } from '../../../base/browser/fastDomNode.js';
 import { BugIndicatingError } from '../../../base/common/errors.js';
 import { Disposable } from '../../../base/common/lifecycle.js';
@@ -49,7 +49,7 @@ let ViewGpuContext = class ViewGpuContext extends Disposable {
         this._notificationService = _notificationService;
         this.configurationService = configurationService;
         this.maxGpuCols = 2000;
-        this.canvas = createFastDomNode(document.createElement('canvas'));
+        this.canvas = createFastDomNode(createElement('canvas'));
         this.canvas.setClassName('editorCanvas');
         this._register(Event.runAndSubscribe(configurationService.onDidChangeConfiguration, e => {
             if (!e || e.affectsConfiguration('editor.scrollbar.verticalScrollbarSize')) {

package/vscode/src/vs/editor/browser/observableCodeEditor.js

@@ -9,6 +9,7 @@ import { Position } from '../common/core/position.js';
 import { Selection } from '../common/core/selection.js';
 import { ContentWidgetPositionPreference } from './editorBrowser.js';
 import { Point } from '../common/core/2d/point.js';
+import { createElement } from '../../base/browser/dom.js';
 import { TransactionImpl } from '../../base/common/observableInternal/transaction.js';
 import { observableFromEvent } from '../../base/common/observableInternal/observables/observableFromEvent.js';
 import { derivedOpts, derivedWithSetter, derived } from '../../base/common/observableInternal/observables/derived.js';
@@ -287,7 +288,7 @@ class ObservableCodeEditor extends Disposable {
         let pos = position.get();
         const result = observableValueOpts({ owner: this, debugName: () => `topLeftOfPosition${pos?.toString()}`, equalsFn: equalsIfDefined(Point.equals) }, ( new Point(0, 0)));
         const contentWidgetId = `observablePositionWidget` + (this._widgetCounter++);
-        const domNode = document.createElement('div');
+        const domNode = createElement('div');
         const w = {
             getDomNode: () => domNode,
             getPosition: () => {

package/vscode/src/vs/editor/browser/view/domLineBreaksComputer.js

@@ -8,6 +8,7 @@ import { WrappingIndent } from '../../common/config/editorOptions.js';
 import { StringBuilder } from '../../common/core/stringBuilder.js';
 import { ModelLineProjectionData } from '../../common/modelLineProjectionData.js';
 import { LineInjectedText } from '../../common/textModelEvents.js';
+import { createElement } from '../../../base/browser/dom.js';
 
 const ttPolicy = createTrustedTypesPolicy('domLineBreaksComputer', { createHTML: value => value });
 class DOMLineBreaksComputerFactory {
@@ -55,7 +56,7 @@ function createLineBreaks(targetWindow, requests, fontInfo, tabSize, firstLineBr
     const additionalIndent = (wrappingIndent === WrappingIndent.DeepIndent ? 2 : wrappingIndent === WrappingIndent.Indent ? 1 : 0);
     const additionalIndentSize = Math.round(tabSize * additionalIndent);
     const additionalIndentLength = Math.ceil(fontInfo.spaceWidth * additionalIndentSize);
-    const containerDomNode = document.createElement('div');
+    const containerDomNode = createElement('div');
     applyFontInfo(containerDomNode, fontInfo);
     const sb = ( new StringBuilder(10000));
     const firstNonWhitespaceIndices = [];

package/vscode/src/vs/editor/browser/view/viewLayer.js

@@ -1,4 +1,5 @@
 
+import { createElement } from '../../../base/browser/dom.js';
 import { createFastDomNode } from '../../../base/browser/fastDomNode.js';
 import { createTrustedTypesPolicy } from '../../../base/browser/trustedTypes.js';
 import { BugIndicatingError } from '../../../base/common/errors.js';
@@ -156,7 +157,7 @@ class VisibleLinesCollection {
         this._linesCollection = ( new RenderedLinesCollection(this._lineFactory));
     }
     _createDomNode() {
-        const domNode = createFastDomNode(document.createElement('div'));
+        const domNode = createFastDomNode(createElement('div'));
         domNode.setClassName('view-layer');
         domNode.setPosition('absolute');
         domNode.domNode.setAttribute('role', 'presentation');
@@ -354,7 +355,7 @@ class ViewLayerRenderer {
         }
     }
     _finishRenderingInvalidLines(ctx, invalidLinesHTML, wasInvalid) {
-        const hugeDomNode = document.createElement('div');
+        const hugeDomNode = createElement('div');
         if (ViewLayerRenderer._ttPolicy) {
             invalidLinesHTML = ViewLayerRenderer._ttPolicy.createHTML(invalidLinesHTML);
         }