@codingame/monaco-vscode-api 19.0.1 → 19.1.0

package/vscode/src/vs/editor/contrib/gotoError/browser/gotoErrorWidget.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { addStandardDisposableListener, clearNode, $, append } from '../../../../base/browser/dom.js';
+import { createElement, addStandardDisposableListener, clearNode, $, append } from '../../../../base/browser/dom.js';
 import { ScrollableElement } from '../../../../base/browser/ui/scrollbar/scrollableElement.js';
 import { isNonEmptyArray } from '../../../../base/common/arrays.js';
 import { Color } from '../../../../base/common/color.js';
@@ -49,14 +49,14 @@ class MessageWidget {
         this._relatedDiagnostics = ( new WeakMap());
         this._disposables = ( new DisposableStore());
         this._editor = editor;
-        const domNode = document.createElement('div');
+        const domNode = createElement('div');
         domNode.className = 'descriptioncontainer';
-        this._messageBlock = document.createElement('div');
+        this._messageBlock = createElement('div');
         this._messageBlock.classList.add('message');
         this._messageBlock.setAttribute('aria-live', 'assertive');
         this._messageBlock.setAttribute('role', 'alert');
         domNode.appendChild(this._messageBlock);
-        this._relatedBlock = document.createElement('div');
+        this._relatedBlock = createElement('div');
         domNode.appendChild(this._relatedBlock);
         this._disposables.add(addStandardDisposableListener(this._relatedBlock, 'click', event => {
             event.preventDefault();
@@ -104,7 +104,7 @@ class MessageWidget {
         this._editor.applyFontInfo(this._messageBlock);
         let lastLineElement = this._messageBlock;
         for (const line of lines) {
-            lastLineElement = document.createElement('div');
+            lastLineElement = createElement('div');
             lastLineElement.innerText = line;
             if (line === '') {
                 lastLineElement.style.height = this._messageBlock.style.lineHeight;
@@ -112,18 +112,18 @@ class MessageWidget {
             this._messageBlock.appendChild(lastLineElement);
         }
         if (source || code) {
-            const detailsElement = document.createElement('span');
+            const detailsElement = createElement('span');
             detailsElement.classList.add('details');
             lastLineElement.appendChild(detailsElement);
             if (source) {
-                const sourceElement = document.createElement('span');
+                const sourceElement = createElement('span');
                 sourceElement.innerText = source;
                 sourceElement.classList.add('source');
                 detailsElement.appendChild(sourceElement);
             }
             if (code) {
                 if (typeof code === 'string') {
-                    const codeElement = document.createElement('span');
+                    const codeElement = createElement('span');
                     codeElement.innerText = `(${code})`;
                     codeElement.classList.add('code');
                     detailsElement.appendChild(codeElement);
@@ -145,17 +145,17 @@ class MessageWidget {
         clearNode(this._relatedBlock);
         this._editor.applyFontInfo(this._relatedBlock);
         if (isNonEmptyArray(relatedInformation)) {
-            const relatedInformationNode = this._relatedBlock.appendChild(document.createElement('div'));
+            const relatedInformationNode = this._relatedBlock.appendChild(createElement('div'));
             relatedInformationNode.style.paddingTop = `${Math.floor(this._editor.getOption(EditorOption.lineHeight) * 0.66)}px`;
             this._lines += 1;
             for (const related of relatedInformation) {
-                const container = document.createElement('div');
-                const relatedResource = document.createElement('a');
+                const container = createElement('div');
+                const relatedResource = createElement('a');
                 relatedResource.classList.add('filename');
                 relatedResource.innerText = `${this._labelService.getUriBasenameLabel(related.resource)}(${related.startLineNumber}, ${related.startColumn}): `;
                 relatedResource.title = this._labelService.getUriLabel(related.resource);
                 this._relatedDiagnostics.set(relatedResource, related);
-                const relatedMessage = document.createElement('span');
+                const relatedMessage = createElement('span');
                 relatedMessage.innerText = related.message;
                 container.appendChild(relatedResource);
                 container.appendChild(relatedMessage);
@@ -275,7 +275,7 @@ let MarkerNavigationWidget = class MarkerNavigationWidget extends PeekViewWidget
         container.classList.add('marker-widget');
         this._parentContainer.tabIndex = 0;
         this._parentContainer.setAttribute('role', 'tooltip');
-        this._container = document.createElement('div');
+        this._container = createElement('div');
         container.appendChild(this._container);
         this._message = ( new MessageWidget(
             this._container,

package/vscode/src/vs/editor/contrib/gotoSymbol/browser/peek/referencesTree.js

@@ -1,6 +1,6 @@
 
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
-import { append, $ } from '../../../../../base/browser/dom.js';
+import { createElement, append, $ } from '../../../../../base/browser/dom.js';
 import { CountBadge } from '../../../../../base/browser/ui/countBadge/countBadge.js';
 import { HighlightedLabel } from '../../../../../base/browser/ui/highlightedlabel/highlightedLabel.js';
 import { IconLabel } from '../../../../../base/browser/ui/iconLabel/iconLabel.js';
@@ -86,7 +86,7 @@ let FileReferencesTemplate = class FileReferencesTemplate extends Disposable {
     constructor(container, _labelService) {
         super();
         this._labelService = _labelService;
-        const parent = document.createElement('div');
+        const parent = createElement('div');
         parent.classList.add('reference-file');
         this.file = this._register(( new IconLabel(parent, { supportHighlights: true })));
         this.badge = this._register(( new CountBadge(append(parent, $('.count')), {}, defaultCountBadgeStyles)));

package/vscode/src/vs/editor/contrib/inlineCompletions/browser/hintsWidget/hoverParticipant.js

@@ -1,6 +1,6 @@
 
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
-import { $, append, reset } from '../../../../../base/browser/dom.js';
+import { createElement, $, append, reset } from '../../../../../base/browser/dom.js';
 import { MarkdownString } from '../../../../../base/common/htmlContent.js';
 import { DisposableStore } from '../../../../../base/common/lifecycle.js';
 import '../../../../../base/common/observableInternal/index.js';
@@ -113,7 +113,7 @@ let InlineCompletionsHoverParticipant = class InlineCompletionsHoverParticipant
             disposables.add(this.renderScreenReaderText(context, part));
         }
         const model = part.controller.model.get();
-        const widgetNode = document.createElement('div');
+        const widgetNode = createElement('div');
         context.fragment.appendChild(widgetNode);
         disposables.add(autorunWithStore((reader, store) => {
             const w = store.add(this._instantiationService.createInstance(InlineSuggestionHintsContentWidget.hot.read(reader), this._editor, false, constObservable(null), model.selectedInlineCompletionIndex, model.inlineCompletionsCount, model.activeCommands, model.warning, () => {

package/vscode/src/vs/editor/contrib/inlineCompletions/browser/view/ghostText/ghostTextView.js

@@ -2,7 +2,7 @@
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../../../external/tslib/tslib.es6.js';
 import { createTrustedTypesPolicy } from '../../../../../../base/browser/trustedTypes.js';
-import { addDisposableListener, getWindow, isHTMLElement } from '../../../../../../base/browser/dom.js';
+import { createElement, addDisposableListener, getWindow, isHTMLElement } from '../../../../../../base/browser/dom.js';
 import '../../../../../../base/common/themables.js';
 import '../../../../../../base/common/codicons.js';
 import { Emitter, Event } from '../../../../../../base/common/event.js';
@@ -353,7 +353,7 @@ class AdditionalLinesWidget extends Disposable {
             this.removeActiveViewZone(changeAccessor);
             const heightInLines = Math.max(additionalLines.length, minReservedLineCount);
             if (heightInLines > 0) {
-                const domNode = document.createElement('div');
+                const domNode = createElement('div');
                 renderLines(domNode, tabSize, additionalLines, this._editor.getOptions(), this._isClickable);
                 if (this._isClickable) {
                     store.add(addDisposableListener(domNode, 'mousedown', (e) => {

package/vscode/src/vs/editor/contrib/inlineCompletions/browser/view/inlineEdits/inlineEditsViews/inlineEditsCustomView.js

@@ -1,6 +1,6 @@
 
 import { __decorate, __param } from '../../../../../../../../../../external/tslib/tslib.es6.js';
-import { n, getWindow } from '../../../../../../../base/browser/dom.js';
+import { n, createElement, getWindow } from '../../../../../../../base/browser/dom.js';
 import { StandardMouseEvent } from '../../../../../../../base/browser/mouseEvent.js';
 import { Emitter } from '../../../../../../../base/common/event.js';
 import { Disposable } from '../../../../../../../base/common/lifecycle.js';
@@ -170,7 +170,7 @@ let InlineEditsCustomView = class InlineEditsCustomView extends Disposable {
         };
     }
     getRendering(state, styles) {
-        const line = document.createElement('div');
+        const line = createElement('div');
         const t = this._editor.getModel().tokenization.tokenizeLinesAt(1, [state.label])?.[0];
         let tokens;
         if (t) {

package/vscode/src/vs/editor/contrib/inlineCompletions/browser/view/inlineEdits/inlineEditsViews/inlineEditsLineReplacementView.js

@@ -1,6 +1,6 @@
 
 import { __decorate, __param } from '../../../../../../../../../../external/tslib/tslib.es6.js';
-import { n, getWindow, $ } from '../../../../../../../base/browser/dom.js';
+import { createElement, n, getWindow, $ } from '../../../../../../../base/browser/dom.js';
 import { StandardMouseEvent } from '../../../../../../../base/browser/mouseEvent.js';
 import { Emitter } from '../../../../../../../base/common/event.js';
 import { Disposable, toDisposable } from '../../../../../../../base/common/lifecycle.js';
@@ -65,7 +65,7 @@ let InlineEditsLineReplacementView = class InlineEditsLineReplacementView extend
             const textModel = this._editor.model.get();
             const startLineNumber = edit.modifiedRange.startLineNumber;
             for (let i = 0; i < edit.modifiedRange.length; i++) {
-                const line = document.createElement('div');
+                const line = createElement('div');
                 const lineNumber = startLineNumber + i;
                 const modLine = edit.modifiedLines[i].slice(maxPrefixTrim);
                 const t = textModel.tokenization.tokenizeLinesAt(lineNumber, [modLine])?.[0];

package/vscode/src/vs/editor/contrib/inlineCompletions/browser/view/inlineEdits/inlineEditsViews/inlineEditsWordReplacementView.js

@@ -1,6 +1,6 @@
 
 import { __decorate, __param } from '../../../../../../../../../../external/tslib/tslib.es6.js';
-import { n, getWindow } from '../../../../../../../base/browser/dom.js';
+import { createElement, n, getWindow } from '../../../../../../../base/browser/dom.js';
 import { StandardMouseEvent } from '../../../../../../../base/browser/mouseEvent.js';
 import { Emitter } from '../../../../../../../base/common/event.js';
 import { Disposable } from '../../../../../../../base/common/lifecycle.js';
@@ -43,7 +43,7 @@ let InlineEditsWordReplacementView = class InlineEditsWordReplacementView extend
         this.onDidClick = this._onDidClick.event;
         this._start = this._editor.observePosition(constObservable(this._edit.range.getStartPosition()), this._store);
         this._end = this._editor.observePosition(constObservable(this._edit.range.getEndPosition()), this._store);
-        this._line = document.createElement('div');
+        this._line = createElement('div');
         this._hoverableElement = observableValue(this, null);
         this.isHovered = ( this._hoverableElement.map((e, reader) => e?.didMouseMoveDuringHover.read(reader) ?? false));
         this._renderTextEffect = derived(_reader => {

package/vscode/src/vs/editor/contrib/message/browser/messageController.js

@@ -19,7 +19,7 @@ import { RawContextKey } from '../../../../platform/contextkey/common/contextkey
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.service.js';
 import { KeybindingWeight } from '../../../../platform/keybinding/common/keybindingsRegistry.js';
 import { IOpenerService } from '../../../../platform/opener/common/opener.service.js';
-import { isAncestor, getActiveElement, addDisposableListener, EventType } from '../../../../base/browser/dom.js';
+import { isAncestor, getActiveElement, addDisposableListener, EventType, createElement } from '../../../../base/browser/dom.js';
 
 var MessageController_1;
 registerCss(messageController);
@@ -133,13 +133,13 @@ class MessageWidget {
         this._editor = editor;
         this._editor.revealLinesInCenterIfOutsideViewport(lineNumber, lineNumber, ScrollType.Smooth);
         this._position = { lineNumber, column };
-        this._domNode = document.createElement('div');
+        this._domNode = createElement('div');
         this._domNode.classList.add('monaco-editor-overlaymessage');
         this._domNode.style.marginLeft = '-6px';
-        const anchorTop = document.createElement('div');
+        const anchorTop = createElement('div');
         anchorTop.classList.add('anchor', 'top');
         this._domNode.appendChild(anchorTop);
-        const message = document.createElement('div');
+        const message = createElement('div');
         if (typeof text === 'string') {
             message.classList.add('message');
             message.textContent = text;
@@ -149,7 +149,7 @@ class MessageWidget {
             message.appendChild(text);
         }
         this._domNode.appendChild(message);
-        const anchorBottom = document.createElement('div');
+        const anchorBottom = createElement('div');
         anchorBottom.classList.add('anchor', 'below');
         this._domNode.appendChild(anchorBottom);
         this._editor.addContentWidget(this);

package/vscode/src/vs/editor/contrib/parameterHints/browser/parameterHintsWidget.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { $ as $$1, append, addDisposableListener, EventHelper } from '../../../../base/browser/dom.js';
+import { $ as $$1, append, addDisposableListener, EventHelper, createElement } from '../../../../base/browser/dom.js';
 import { alert } from '../../../../base/browser/ui/aria/aria.js';
 import { DomScrollableElement } from '../../../../base/browser/ui/scrollbar/scrollableElement.js';
 import { Codicon } from '../../../../base/common/codicons.js';
@@ -239,12 +239,12 @@ let ParameterHintsWidget = class ParameterHintsWidget extends Disposable {
     }
     renderParameters(parent, signature, activeParameterIndex) {
         const [start, end] = this.getParameterLabelOffsets(signature, activeParameterIndex);
-        const beforeSpan = document.createElement('span');
+        const beforeSpan = createElement('span');
         beforeSpan.textContent = signature.label.substring(0, start);
-        const paramSpan = document.createElement('span');
+        const paramSpan = createElement('span');
         paramSpan.textContent = signature.label.substring(start, end);
         paramSpan.className = 'parameter active';
-        const afterSpan = document.createElement('span');
+        const afterSpan = createElement('span');
         afterSpan.textContent = signature.label.substring(end);
         append(parent, beforeSpan, paramSpan, afterSpan);
     }

package/vscode/src/vs/editor/contrib/rename/browser/renameWidget.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { getClientArea, getDomNodePagePosition, getTotalHeight, getTotalWidth, addDisposableListener, EventType, clearNode } from '../../../../base/browser/dom.js';
+import { createElement, getClientArea, getDomNodePagePosition, getTotalHeight, getTotalWidth, addDisposableListener, EventType, clearNode } from '../../../../base/browser/dom.js';
 import { StandardKeyboardEvent } from '../../../../base/browser/keyboardEvent.js';
 import { status } from '../../../../base/browser/ui/aria/aria.js';
 import { getBaseLayerHoverDelegate } from '../../../../base/browser/ui/hover/hoverDelegate2.js';
@@ -79,7 +79,7 @@ let RenameWidget = class RenameWidget {
     }
     getDomNode() {
         if (!this._domNode) {
-            this._domNode = document.createElement('div');
+            this._domNode = createElement('div');
             this._domNode.className = 'monaco-editor rename-box';
             this._domNode.appendChild(this._inputWithButton.domNode);
             this._renameCandidateListView = this._disposables.add(( new RenameCandidateListView(this._domNode, {
@@ -103,7 +103,7 @@ let RenameWidget = class RenameWidget {
                 }
                 this._renameCandidateListView?.clearFocus();
             }));
-            this._label = document.createElement('div');
+            this._label = createElement('div');
             this._label.className = 'rename-label';
             this._domNode.appendChild(this._label);
             this._updateFont();
@@ -426,7 +426,7 @@ class RenameCandidateListView {
         this._minimumWidth = 0;
         this._lineHeight = opts.fontInfo.lineHeight;
         this._typicalHalfwidthCharacterWidth = opts.fontInfo.typicalHalfwidthCharacterWidth;
-        this._listContainer = document.createElement('div');
+        this._listContainer = createElement('div');
         this._listContainer.className = 'rename-box rename-candidate-list-container';
         parent.appendChild(this._listContainer);
         this._listWidget = RenameCandidateListView._createListWidget(this._listContainer, this._candidateViewHeight, opts.fontInfo);
@@ -593,18 +593,18 @@ class InputWithButton {
     }
     get domNode() {
         if (!this._domNode) {
-            this._domNode = document.createElement('div');
+            this._domNode = createElement('div');
             this._domNode.className = 'rename-input-with-button';
             this._domNode.style.display = 'flex';
             this._domNode.style.flexDirection = 'row';
             this._domNode.style.alignItems = 'center';
-            this._inputNode = document.createElement('input');
+            this._inputNode = createElement('input');
             this._inputNode.className = 'rename-input';
             this._inputNode.type = 'text';
             this._inputNode.style.border = 'none';
             this._inputNode.setAttribute('aria-label', ( localize(1457, "Rename input. Type new name and press Enter to commit.")));
             this._domNode.appendChild(this._inputNode);
-            this._buttonNode = document.createElement('div');
+            this._buttonNode = createElement('div');
             this._buttonNode.className = 'rename-suggestions-button';
             this._buttonNode.setAttribute('tabindex', '0');
             this._buttonGenHoverText = ( localize(1458, "Generate new name suggestions"));
@@ -674,14 +674,14 @@ class InputWithButton {
 class RenameCandidateView {
     static { this._PADDING = 2; }
     constructor(parent, fontInfo) {
-        this._domNode = document.createElement('div');
+        this._domNode = createElement('div');
         this._domNode.className = 'rename-box rename-candidate';
         this._domNode.style.display = `flex`;
         this._domNode.style.columnGap = `5px`;
         this._domNode.style.alignItems = `center`;
         this._domNode.style.height = `${fontInfo.lineHeight}px`;
         this._domNode.style.padding = `${RenameCandidateView._PADDING}px`;
-        const iconContainer = document.createElement('div');
+        const iconContainer = createElement('div');
         iconContainer.style.display = `flex`;
         iconContainer.style.alignItems = `center`;
         iconContainer.style.width = iconContainer.style.height = `${fontInfo.lineHeight * 0.8}px`;
@@ -689,7 +689,7 @@ class RenameCandidateView {
         this._icon = renderIcon(Codicon.sparkle);
         this._icon.style.display = `none`;
         iconContainer.appendChild(this._icon);
-        this._label = document.createElement('div');
+        this._label = createElement('div');
         applyFontInfo(this._label, fontInfo);
         this._domNode.appendChild(this._label);
         parent.appendChild(this._domNode);

package/vscode/src/vs/editor/contrib/stickyScroll/browser/stickyScrollWidget.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { addDisposableListener, EventType } from '../../../../base/browser/dom.js';
+import { createElement, addDisposableListener, EventType } from '../../../../base/browser/dom.js';
 import { createTrustedTypesPolicy } from '../../../../base/browser/trustedTypes.js';
 import { equals } from '../../../../base/common/arrays.js';
 import { Disposable, DisposableStore } from '../../../../base/common/lifecycle.js';
@@ -46,10 +46,10 @@ class StickyScrollWidget extends Disposable {
     constructor(editor) {
         super();
         this._foldingIconStore = ( new DisposableStore());
-        this._rootDomNode = document.createElement('div');
-        this._lineNumbersDomNode = document.createElement('div');
-        this._linesDomNodeScrollable = document.createElement('div');
-        this._linesDomNode = document.createElement('div');
+        this._rootDomNode = createElement('div');
+        this._lineNumbersDomNode = createElement('div');
+        this._linesDomNodeScrollable = createElement('div');
+        this._linesDomNode = createElement('div');
         this._renderedStickyLines = [];
         this._lineNumbers = [];
         this._lastLineRelativePosition = 0;
@@ -296,7 +296,7 @@ class StickyScrollWidget extends Disposable {
         else {
             newLine = sb.build();
         }
-        const lineHTMLNode = document.createElement('span');
+        const lineHTMLNode = createElement('span');
         lineHTMLNode.setAttribute(STICKY_INDEX_ATTR, String(index));
         lineHTMLNode.setAttribute(STICKY_IS_LINE_ATTR, '');
         lineHTMLNode.setAttribute('role', 'listitem');
@@ -305,14 +305,14 @@ class StickyScrollWidget extends Disposable {
         lineHTMLNode.classList.add(`stickyLine${line}`);
         lineHTMLNode.style.lineHeight = `${lineHeight}px`;
         lineHTMLNode.innerHTML = newLine;
-        const lineNumberHTMLNode = document.createElement('span');
+        const lineNumberHTMLNode = createElement('span');
         lineNumberHTMLNode.setAttribute(STICKY_INDEX_ATTR, String(index));
         lineNumberHTMLNode.setAttribute(STICKY_IS_LINE_NUMBER_ATTR, '');
         lineNumberHTMLNode.className = 'sticky-line-number';
         lineNumberHTMLNode.style.lineHeight = `${lineHeight}px`;
         const lineNumbersWidth = layoutInfo.contentLeft;
         lineNumberHTMLNode.style.width = `${lineNumbersWidth}px`;
-        const innerLineNumberHTML = document.createElement('span');
+        const innerLineNumberHTML = createElement('span');
         if (lineNumberOption.renderType === RenderLineNumbersType.On || lineNumberOption.renderType === RenderLineNumbersType.Interval && line % 10 === 0) {
             innerLineNumberHTML.innerText = ( line.toString());
         }
@@ -472,7 +472,7 @@ class StickyFoldingIcon {
         this.foldingStartLine = foldingStartLine;
         this.foldingEndLine = foldingEndLine;
         this.dimension = dimension;
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         this.domNode.style.width = `26px`;
         this.domNode.style.height = `${dimension}px`;
         this.domNode.style.lineHeight = `${dimension}px`;

package/vscode/src/vs/editor/contrib/zoneWidget/browser/zoneWidget.js

@@ -1,6 +1,6 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { getActiveElement } from '../../../../base/browser/dom.js';
+import { createElement, getActiveElement } from '../../../../base/browser/dom.js';
 import { removeCSSRulesContainingSelector, createCSSRule } from '../../../../base/browser/domStylesheets.js';
 import { Sash, Orientation, SashState } from '../../../../base/browser/ui/sash/sash.js';
 import { Color, RGBA } from '../../../../base/common/color.js';
@@ -119,7 +119,7 @@ class ZoneWidget {
         this._positionMarkerId = this.editor.createDecorationsCollection();
         this.options = deepClone(options);
         mixin(this.options, defaultOptions, false);
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         if (!this.options.isAccessible) {
             this.domNode.setAttribute('aria-hidden', 'true');
             this.domNode.setAttribute('role', 'presentation');
@@ -152,7 +152,7 @@ class ZoneWidget {
         if (this.options.className) {
             this.domNode.classList.add(this.options.className);
         }
-        this.container = document.createElement('div');
+        this.container = createElement('div');
         this.container.classList.add('zone-widget-container');
         this.domNode.appendChild(this.container);
         if (this.options.showArrow) {
@@ -277,7 +277,7 @@ class ZoneWidget {
         const width = this._getWidth(layoutInfo);
         this.domNode.style.width = `${width}px`;
         this.domNode.style.left = this._getLeft(layoutInfo) + 'px';
-        const viewZoneDomNode = document.createElement('div');
+        const viewZoneDomNode = createElement('div');
         viewZoneDomNode.style.overflow = 'hidden';
         const lineHeight = this.editor.getOption(EditorOption.lineHeight);
         const maxHeightInLines = this._getMaximumHeightInLines();

package/vscode/src/vs/editor/standalone/browser/iPadShowKeyboard/iPadShowKeyboard.js

@@ -1,7 +1,7 @@
 
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import * as iPadShowKeyboard from './iPadShowKeyboard.css';
-import { addDisposableListener } from '../../../../base/browser/dom.js';
+import { createElement, addDisposableListener } from '../../../../base/browser/dom.js';
 import { Disposable } from '../../../../base/common/lifecycle.js';
 import { OverlayWidgetPositionPreference } from '../../../browser/editorBrowser.js';
 import { registerEditorContribution, EditorContributionInstantiation } from '../../../browser/editorExtensions.js';
@@ -43,7 +43,7 @@ class ShowKeyboardWidget extends Disposable {
     constructor(editor) {
         super();
         this.editor = editor;
-        this._domNode = document.createElement('textarea');
+        this._domNode = createElement('textarea');
         this._domNode.className = 'iPadShowKeyboard';
         this._register(addDisposableListener(this._domNode, 'touchstart', (e) => {
             this.editor.focus();

package/vscode/src/vs/editor/standalone/browser/quickInput/standaloneQuickInputService.js

@@ -13,6 +13,7 @@ import { ICodeEditorService } from '../../../browser/services/codeEditorService.
 import { QuickInputService } from '../../../../platform/quickinput/browser/quickInputService.js';
 import { createSingleCallFunction } from '../../../../base/common/functional.js';
 import { IConfigurationService } from '../../../../platform/configuration/common/configuration.service.js';
+import { createElement } from '../../../../base/browser/dom.js';
 
 registerCss(standaloneQuickInput);
 let EditorScopedQuickInputService = class EditorScopedQuickInputService extends QuickInputService {
@@ -147,7 +148,7 @@ class QuickInputEditorWidget {
     static { this.ID = 'editor.contrib.quickInputWidget'; }
     constructor(codeEditor) {
         this.codeEditor = codeEditor;
-        this.domNode = document.createElement('div');
+        this.domNode = createElement('div');
         this.codeEditor.addOverlayWidget(this);
     }
     getId() {

package/vscode/src/vs/editor/standalone/browser/standaloneCodeEditor.d.ts

@@ -66,7 +66,7 @@ export declare class StandaloneEditor extends StandaloneCodeEditor implements IS
 export declare class StandaloneDiffEditor2 extends DiffEditorWidget implements IStandaloneDiffEditor {
     private readonly _configurationService;
     private readonly _standaloneThemeService;
-    constructor(domElement: HTMLElement, _options: Readonly<IStandaloneDiffEditorConstructionOptions> | undefined, instantiationService: IInstantiationService, contextKeyService: IContextKeyService, codeEditorService: ICodeEditorService, themeService: IStandaloneThemeService, notificationService: INotificationService, configurationService: IConfigurationService, contextMenuService: IContextMenuService, editorProgressService: IEditorProgressService, clipboardService: IClipboardService, accessibilitySignalService: IAccessibilitySignalService);
+    constructor(domElement: HTMLElement, _options: Readonly<IStandaloneDiffEditorConstructionOptions> | undefined, instantiationService: IInstantiationService, contextKeyService: IContextKeyService, codeEditorService: ICodeEditorService, themeService: IStandaloneThemeService, notificationService: INotificationService, configurationService: IConfigurationService, contextMenuService: IContextMenuService, editorProgressService: IEditorProgressService, clipboardService: IClipboardService, accessibilitySignalService: IAccessibilitySignalService, keybindingService: IKeybindingService);
     dispose(): void;
     updateOptions(newOptions: Readonly<IDiffEditorOptions & IGlobalEditorOptions>): void;
     protected _createInnerEditor(instantiationService: IInstantiationService, container: HTMLElement, options: Readonly<IEditorOptions>): CodeEditorWidget;

package/vscode/src/vs/editor/standalone/browser/standaloneCodeEditor.js

@@ -51,7 +51,7 @@ let StandaloneCodeEditor = class StandaloneCodeEditor extends CodeEditorWidget {
     constructor(domElement, _options, instantiationService, codeEditorService, commandService, contextKeyService, hoverService, keybindingService, themeService, notificationService, accessibilityService, languageConfigurationService, languageFeaturesService) {
         const options = { ..._options };
         options.ariaLabel = options.ariaLabel || StandaloneCodeEditorNLS.editorViewAccessibleLabel;
-        super(domElement, options, { isStandaloneEditor: true }, instantiationService, codeEditorService, commandService, contextKeyService, themeService, notificationService, accessibilityService, languageConfigurationService, languageFeaturesService);
+        super(domElement, options, { isStandaloneEditor: true }, instantiationService, codeEditorService, commandService, contextKeyService, themeService, notificationService, accessibilityService, languageConfigurationService, languageFeaturesService, keybindingService);
         if (keybindingService instanceof StandaloneKeybindingService) {
             this._standaloneKeybindingService = keybindingService;
         }
@@ -232,7 +232,7 @@ StandaloneEditor = ( __decorate([
     ( __param(15, ILanguageFeaturesService))
 ], StandaloneEditor));
 let StandaloneDiffEditor2 = class StandaloneDiffEditor2 extends DiffEditorWidget {
-    constructor(domElement, _options, instantiationService, contextKeyService, codeEditorService, themeService, notificationService, configurationService, contextMenuService, editorProgressService, clipboardService, accessibilitySignalService) {
+    constructor(domElement, _options, instantiationService, contextKeyService, codeEditorService, themeService, notificationService, configurationService, contextMenuService, editorProgressService, clipboardService, accessibilitySignalService, keybindingService) {
         const options = { ..._options };
         updateConfigurationService(configurationService, options, true);
         const themeDomRegistration = themeService.registerEditorContainer(domElement);
@@ -242,7 +242,7 @@ let StandaloneDiffEditor2 = class StandaloneDiffEditor2 extends DiffEditorWidget
         if (typeof options.autoDetectHighContrast !== 'undefined') {
             themeService.setAutoDetectHighContrast(Boolean(options.autoDetectHighContrast));
         }
-        super(domElement, options, { isStandaloneEditor: true }, contextKeyService, instantiationService, codeEditorService, accessibilitySignalService, editorProgressService);
+        super(domElement, options, { isStandaloneEditor: true }, contextKeyService, instantiationService, codeEditorService, accessibilitySignalService, editorProgressService, keybindingService);
         this._configurationService = configurationService;
         this._standaloneThemeService = themeService;
         this._register(themeDomRegistration);
@@ -289,7 +289,8 @@ StandaloneDiffEditor2 = ( __decorate([
     ( __param(8, IContextMenuService)),
     ( __param(9, IEditorProgressService)),
     ( __param(10, IClipboardService)),
-    ( __param(11, IAccessibilitySignalService))
+    ( __param(11, IAccessibilitySignalService)),
+    ( __param(12, IKeybindingService))
 ], StandaloneDiffEditor2));
 function createTextModel(modelService, languageService, value, languageId, uri) {
     value = value || '';

package/vscode/src/vs/editor/standalone/browser/standaloneServices.d.ts

@@ -54,6 +54,7 @@ export declare class StandaloneKeybindingService extends AbstractKeybindingServi
     private _dynamicKeybindings;
     private readonly _domNodeListeners;
     constructor(contextKeyService: IContextKeyService, commandService: ICommandService, telemetryService: ITelemetryService, notificationService: INotificationService, logService: ILogService, codeEditorService: ICodeEditorService);
+    registerContainer(container: HTMLElement): IDisposable;
     addDynamicKeybinding(command: string, keybinding: number, handler: ICommandHandler, when: ContextKeyExpression | undefined): IDisposable;
     addDynamicKeybindings(rules: IKeybindingRule[]): IDisposable;
     protected updateResolver(): void;