@codingame/monaco-vscode-api 13.1.7 → 14.0.1

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

@@ -20,11 +20,13 @@ import { Position } from '../../../common/core/position.js';
 import { CancellationTokenSource } from '../../../../base/common/cancellation.js';
 import { ILanguageConfigurationService } from '../../../common/languages/languageConfigurationRegistry.js';
 import { ILanguageFeatureDebounceService } from '../../../common/services/languageFeatureDebounce.js';
-import { addDisposableListener, EventType, getWindow, trackFocus, addStandardDisposableListener } from '../../../../base/browser/dom.js';
+import { addDisposableListener, EventType, getWindow, trackFocus, addStandardDisposableListener, isHTMLElement } from '../../../../base/browser/dom.js';
 import { StickyRange } from './stickyScrollElement.js';
 import { StandardMouseEvent } from '../../../../base/browser/mouseEvent.js';
 import { FoldingController } from '../../folding/browser/folding.js';
 import { toggleCollapseState } from '../../folding/browser/foldingModel.js';
+import { Emitter } from '../../../../base/common/event.js';
+import { mainWindow } from '../../../../base/browser/window.js';
 
 var StickyScrollController_1;
 let StickyScrollController = class StickyScrollController extends Disposable {
@@ -46,6 +48,9 @@ let StickyScrollController = class StickyScrollController extends Disposable {
         this._positionRevealed = false;
         this._onMouseDown = false;
         this._endLineNumbers = [];
+        this._mouseTarget = null;
+        this._onDidChangeStickyScrollHeight = this._register(( new Emitter()));
+        this.onDidChangeStickyScrollHeight = this._onDidChangeStickyScrollHeight.event;
         this._stickyScrollWidget = ( new StickyScrollWidget(this._editor));
         this._stickyLineCandidateProvider = ( new StickyLineCandidateProvider(this._editor, _languageFeaturesService, _languageConfigurationService));
         this._register(this._stickyScrollWidget);
@@ -77,6 +82,9 @@ let StickyScrollController = class StickyScrollController extends Disposable {
         this._register(addDisposableListener(stickyScrollDomNode, EventType.MOUSE_DOWN, (e) => {
             this._onMouseDown = true;
         }));
+        this._register(this._stickyScrollWidget.onDidChangeStickyScrollHeight((e) => {
+            this._onDidChangeStickyScrollHeight.fire(e);
+        }));
         this._onDidResize();
         this._readConfiguration();
     }
@@ -86,6 +94,9 @@ let StickyScrollController = class StickyScrollController extends Disposable {
     get stickyScrollWidgetState() {
         return this._widgetState;
     }
+    get stickyScrollWidgetHeight() {
+        return this._stickyScrollWidget.height;
+    }
     static get(editor) {
         return editor.getContribution(StickyScrollController_1.ID);
     }
@@ -96,6 +107,9 @@ let StickyScrollController = class StickyScrollController extends Disposable {
         this._positionRevealed = false;
         this._onMouseDown = false;
     }
+    isFocused() {
+        return this._focused;
+    }
     focus() {
         if (this._onMouseDown) {
             this._onMouseDown = false;
@@ -219,26 +233,26 @@ let StickyScrollController = class StickyScrollController extends Disposable {
             }
             this._revealPosition(position);
         }));
-        this._register(addStandardDisposableListener(stickyScrollWidgetDomNode, EventType.MOUSE_MOVE, (mouseEvent) => {
-            if (mouseEvent.shiftKey) {
-                const currentEndForLineIndex = this._stickyScrollWidget.getLineIndexFromChildDomNode(mouseEvent.target);
-                if (currentEndForLineIndex === null || this._showEndForLine !== null && this._showEndForLine === currentEndForLineIndex) {
-                    return;
-                }
-                this._showEndForLine = currentEndForLineIndex;
-                this._renderStickyScroll();
-                return;
-            }
-            if (this._showEndForLine !== undefined) {
-                this._showEndForLine = undefined;
-                this._renderStickyScroll();
-            }
-        }));
-        this._register(addDisposableListener(stickyScrollWidgetDomNode, EventType.MOUSE_LEAVE, (e) => {
+        const mouseMoveListener = (mouseEvent) => {
+            this._mouseTarget = mouseEvent.target;
+            this._onMouseMoveOrKeyDown(mouseEvent);
+        };
+        const keyDownListener = (mouseEvent) => {
+            this._onMouseMoveOrKeyDown(mouseEvent);
+        };
+        const keyUpListener = (e) => {
             if (this._showEndForLine !== undefined) {
                 this._showEndForLine = undefined;
                 this._renderStickyScroll();
             }
+        };
+        mainWindow.addEventListener(EventType.MOUSE_MOVE, mouseMoveListener);
+        mainWindow.addEventListener(EventType.KEY_DOWN, keyDownListener);
+        mainWindow.addEventListener(EventType.KEY_UP, keyUpListener);
+        this._register(toDisposable(() => {
+            mainWindow.removeEventListener(EventType.MOUSE_MOVE, mouseMoveListener);
+            mainWindow.removeEventListener(EventType.KEY_DOWN, keyDownListener);
+            mainWindow.removeEventListener(EventType.KEY_UP, keyUpListener);
         }));
         this._register(gesture.onMouseMoveOrRelevantKeyDown(([mouseEvent, _keyboardEvent]) => {
             const mouseTarget = getMouseEventTarget(mouseEvent);
@@ -315,6 +329,20 @@ let StickyScrollController = class StickyScrollController extends Disposable {
             getAnchor: () => event,
         });
     }
+    _onMouseMoveOrKeyDown(mouseEvent) {
+        if (!mouseEvent.shiftKey) {
+            return;
+        }
+        if (!this._mouseTarget || !isHTMLElement(this._mouseTarget)) {
+            return;
+        }
+        const currentEndForLineIndex = this._stickyScrollWidget.getLineIndexFromChildDomNode(this._mouseTarget);
+        if (currentEndForLineIndex === null || this._showEndForLine === currentEndForLineIndex) {
+            return;
+        }
+        this._showEndForLine = currentEndForLineIndex;
+        this._renderStickyScroll();
+    }
     _toggleFoldingRegionForLine(line) {
         if (!this._foldingModel || line === null) {
             return;
@@ -324,7 +352,7 @@ let StickyScrollController = class StickyScrollController extends Disposable {
         if (!foldingIcon) {
             return;
         }
-        toggleCollapseState(this._foldingModel, Number.MAX_VALUE, [line]);
+        toggleCollapseState(this._foldingModel, 1, [line]);
         foldingIcon.isCollapsed = !foldingIcon.isCollapsed;
         const scrollTop = (foldingIcon.isCollapsed ?
             this._editor.getTopForLineNumber(foldingIcon.foldingEndLine)
@@ -337,6 +365,7 @@ let StickyScrollController = class StickyScrollController extends Disposable {
         const options = this._editor.getOption(EditorOption.stickyScroll);
         if (options.enabled === false) {
             this._editor.removeOverlayWidget(this._stickyScrollWidget);
+            this._resetState();
             this._sessionStore.clear();
             this._enabled = false;
             return;
@@ -373,7 +402,7 @@ let StickyScrollController = class StickyScrollController extends Disposable {
             || event.hasChanged(EditorOption.lineNumbers)) {
             this._readConfiguration();
         }
-        if (event.hasChanged(EditorOption.lineNumbers)) {
+        if (event.hasChanged(EditorOption.lineNumbers) || event.hasChanged(EditorOption.folding) || event.hasChanged(EditorOption.showFoldingControls)) {
             this._renderStickyScroll(0);
         }
     }

package/vscode/src/vs/editor/contrib/stickyScroll/browser/stickyScrollWidget.d.ts

@@ -26,6 +26,12 @@ export declare class StickyScrollWidget extends Disposable implements IOverlayWi
     private _lastLineRelativePosition;
     private _minContentWidthInPx;
     private _isOnGlyphMargin;
+    private _height;
+    get height(): number;
+    private readonly _onDidChangeStickyScrollHeight;
+    readonly onDidChangeStickyScrollHeight: import("../../../../base/common/event.js").Event<{
+        height: number;
+    }>;
     constructor(_editor: ICodeEditor);
     get lineNumbers(): number[];
     get lineNumberCount(): number;
@@ -39,6 +45,7 @@ export declare class StickyScrollWidget extends Disposable implements IOverlayWi
     private _useFoldingOpacityTransition;
     private _setFoldingIconsVisibility;
     private _renderRootNode;
+    private _setHeight;
     private _setFoldingHoverListeners;
     private _renderChildNode;
     private _updateTopAndZIndexOfStickyLine;

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

@@ -14,6 +14,7 @@ import { StringBuilder } from '../../../common/core/stringBuilder.js';
 import { LineDecoration } from '../../../common/viewLayout/lineDecorations.js';
 import { RenderLineInput, renderViewLine } from '../../../common/viewLayout/viewLineRenderer.js';
 import { foldingCollapsedIcon, foldingExpandedIcon } from '../../folding/browser/foldingDecorations.js';
+import { Emitter } from '../../../../base/common/event.js';
 
 class StickyScrollWidgetState {
     constructor(startLineNumbers, endLineNumbers, lastLineRelativePosition, showEndForLine = null) {
@@ -39,6 +40,7 @@ const STICKY_IS_LINE_ATTR = 'data-sticky-is-line';
 const STICKY_IS_LINE_NUMBER_ATTR = 'data-sticky-is-line-number';
 const STICKY_IS_FOLDING_ICON_ATTR = 'data-sticky-is-folding-icon';
 class StickyScrollWidget extends Disposable {
+    get height() { return this._height; }
     constructor(_editor) {
         super();
         this._editor = _editor;
@@ -53,6 +55,9 @@ class StickyScrollWidget extends Disposable {
         this._lastLineRelativePosition = 0;
         this._minContentWidthInPx = 0;
         this._isOnGlyphMargin = false;
+        this._height = -1;
+        this._onDidChangeStickyScrollHeight = this._register(( new Emitter()));
+        this.onDidChangeStickyScrollHeight = this._onDidChangeStickyScrollHeight.event;
         this._lineNumbersDomNode.className = 'sticky-widget-line-numbers';
         this._lineNumbersDomNode.setAttribute('role', 'none');
         this._linesDomNode.className = 'sticky-widget-lines';
@@ -63,6 +68,7 @@ class StickyScrollWidget extends Disposable {
         this._rootDomNode.classList.toggle('peek', _editor instanceof EmbeddedCodeEditorWidget);
         this._rootDomNode.appendChild(this._lineNumbersDomNode);
         this._rootDomNode.appendChild(this._linesDomNodeScrollable);
+        this._setHeight(0);
         const updateScrollLeftPosition = () => {
             this._linesDomNode.style.left = this._editor.getOption(EditorOption.stickyScroll).scrollWithEditor ? `-${this._editor.getScrollLeft()}px` : '0px';
         };
@@ -161,7 +167,6 @@ class StickyScrollWidget extends Disposable {
             stickyLine.lineDomNode.remove();
         }
         this._renderedStickyLines = this._renderedStickyLines.slice(0, clearFromLine);
-        this._rootDomNode.style.display = 'none';
     }
     _useFoldingOpacityTransition(requireTransitions) {
         this._lineNumbersDomNode.style.setProperty('--vscode-editorStickyScroll-foldingOpacityTransition', `opacity ${requireTransitions ? 0.5 : 0}s`);
@@ -178,6 +183,7 @@ class StickyScrollWidget extends Disposable {
     async _renderRootNode(state, foldingModel, rebuildFromLine) {
         this._clearStickyLinesFromLine(rebuildFromLine);
         if (!state) {
+            this._setHeight(0);
             return;
         }
         for (const stickyLine of this._renderedStickyLines) {
@@ -199,14 +205,27 @@ class StickyScrollWidget extends Disposable {
             this._useFoldingOpacityTransition(!this._isOnGlyphMargin);
         }
         const widgetHeight = this._lineNumbers.length * this._lineHeight + this._lastLineRelativePosition;
-        this._rootDomNode.style.display = 'block';
-        this._lineNumbersDomNode.style.height = `${widgetHeight}px`;
-        this._linesDomNodeScrollable.style.height = `${widgetHeight}px`;
-        this._rootDomNode.style.height = `${widgetHeight}px`;
+        this._setHeight(widgetHeight);
         this._rootDomNode.style.marginLeft = '0px';
         this._minContentWidthInPx = Math.max(...( this._renderedStickyLines.map(l => l.scrollWidth))) + layoutInfo.verticalScrollbarWidth;
         this._editor.layoutOverlayWidget(this);
     }
+    _setHeight(height) {
+        if (this._height === height) {
+            return;
+        }
+        this._height = height;
+        if (this._height === 0) {
+            this._rootDomNode.style.display = 'none';
+        }
+        else {
+            this._rootDomNode.style.display = 'block';
+            this._lineNumbersDomNode.style.height = `${this._height}px`;
+            this._linesDomNodeScrollable.style.height = `${this._height}px`;
+            this._rootDomNode.style.height = `${this._height}px`;
+        }
+        this._onDidChangeStickyScrollHeight.fire({ height: this._height });
+    }
     _setFoldingHoverListeners() {
         const showFoldingControls = this._editor.getOption(EditorOption.showFoldingControls);
         if (showFoldingControls !== 'mouseover') {
@@ -300,7 +319,7 @@ class StickyScrollWidget extends Disposable {
             lineNumberHTMLNode.appendChild(foldingIcon.domNode);
         }
         this._editor.applyFontInfo(lineHTMLNode);
-        this._editor.applyFontInfo(innerLineNumberHTML);
+        this._editor.applyFontInfo(lineNumberHTMLNode);
         lineNumberHTMLNode.style.lineHeight = `${this._lineHeight}px`;
         lineHTMLNode.style.lineHeight = `${this._lineHeight}px`;
         lineNumberHTMLNode.style.height = `${this._lineHeight}px`;

package/vscode/src/vs/editor/contrib/suggest/browser/media/suggest.css.js

@@ -1,6 +1,6 @@
 import n from '../../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
 
-var css = ".monaco-editor .suggest-widget{border-radius:3px;display:flex;flex-direction:column;width:430px;z-index:40}.monaco-editor .suggest-widget.message{align-items:center;flex-direction:row}.monaco-editor .suggest-details,.monaco-editor .suggest-widget{background-color:var(--vscode-editorSuggestWidget-background);border-color:var(--vscode-editorSuggestWidget-border);border-style:solid;border-width:1px;flex:0 1 auto;width:100%}.monaco-editor.hc-black .suggest-details,.monaco-editor.hc-black .suggest-widget,.monaco-editor.hc-light .suggest-details,.monaco-editor.hc-light .suggest-widget{border-width:2px}.monaco-editor .suggest-widget .suggest-status-bar{border-top:1px solid var(--vscode-editorSuggestWidget-border);box-sizing:border-box;display:none;flex-flow:row nowrap;font-size:80%;justify-content:space-between;overflow:hidden;padding:0 4px;width:100%}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar{display:flex}.monaco-editor .suggest-widget .suggest-status-bar .left{padding-right:8px}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label{color:var(--vscode-editorSuggestWidgetStatus-foreground)}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label{margin-right:0}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label:after{content:\", \";margin-right:.3em}.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore,.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:none}.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover>.contents>.main>.right.can-expand-details>.details-label{width:100%}.monaco-editor .suggest-widget>.message{padding-left:22px}.monaco-editor .suggest-widget>.tree{height:100%;width:100%}.monaco-editor .suggest-widget .monaco-list{user-select:none;-webkit-user-select:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row{background-position:2px 2px;background-repeat:no-repeat;-mox-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:flex;padding-right:10px;touch-action:none;white-space:nowrap}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused{color:var(--vscode-editorSuggestWidget-selectedForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon{color:var(--vscode-editorSuggestWidget-selectedIconForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents{flex:1;height:100%;overflow:hidden;padding-left:2px}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main{display:flex;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:pre}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right{display:flex}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused)>.contents>.main .monaco-icon-label{color:var(--vscode-editorSuggestWidget-foreground)}.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight{font-weight:700}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main .monaco-highlighted-label .highlight{color:var(--vscode-editorSuggestWidget-highlightForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused>.contents>.main .monaco-highlighted-label .highlight{color:var(--vscode-editorSuggestWidget-focusHighlightForeground)}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:before{color:inherit;cursor:pointer;font-size:14px;opacity:1}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close{position:absolute;right:2px;top:6px}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close:hover,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:hover{opacity:1}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{opacity:.7}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.signature-label{opacity:.6;overflow:hidden;text-overflow:ellipsis}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.qualifier-label{align-self:center;font-size:85%;line-height:normal;margin-left:12px;opacity:.4;overflow:hidden;text-overflow:ellipsis}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{font-size:85%;margin-left:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label>.monaco-tokenized-source{display:inline}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.right>.details-label,.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label)>.contents>.main>.right>.details-label,.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused>.contents>.main>.right>.details-label{display:inline}.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right.can-expand-details>.details-label{width:calc(100% - 26px)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left{flex-grow:1;flex-shrink:1;overflow:hidden}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.monaco-icon-label{flex-shrink:0}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.left>.monaco-icon-label{max-width:100%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.left>.monaco-icon-label{flex-shrink:1}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right{flex-shrink:4;max-width:70%;overflow:hidden}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:inline-block;height:18px;position:absolute;right:10px;visibility:hidden;width:18px}.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:none!important}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.right>.readMore{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore{display:inline-block}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right>.readMore{visibility:visible}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated{opacity:.66;text-decoration:unset}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated>.monaco-icon-label-container>.monaco-icon-name-container{text-decoration:line-through}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label:before{height:100%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon{background-position:50%;background-repeat:no-repeat;background-size:80%;display:block;height:16px;margin-left:2px;width:16px}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon{align-items:center;display:flex;margin-right:4px}.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon:before{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan{border:.1em solid #000;display:inline-block;height:.7em;margin:0 0 0 .3em;width:.7em}.monaco-editor .suggest-details-container{z-index:41}.monaco-editor .suggest-details{color:var(--vscode-editorSuggestWidget-foreground);cursor:default;display:flex;flex-direction:column}.monaco-editor .suggest-details:focus{border-color:var(--vscode-focusBorder)}.monaco-editor .suggest-details a{color:var(--vscode-textLink-foreground)}.monaco-editor .suggest-details a:hover{color:var(--vscode-textLink-activeForeground)}.monaco-editor .suggest-details code{background-color:var(--vscode-textCodeBlock-background)}.monaco-editor .suggest-details.no-docs{display:none}.monaco-editor .suggest-details>.monaco-scrollable-element{flex:1}.monaco-editor .suggest-details>.monaco-scrollable-element>.body{box-sizing:border-box;height:100%;width:100%}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type{flex:2;margin:0 24px 0 0;opacity:.7;overflow:hidden;padding:4px 0 12px 5px;text-overflow:ellipsis;white-space:pre}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type.auto-wrap{white-space:normal;word-break:break-all}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs{margin:0;padding:4px 5px;white-space:pre-wrap}.monaco-editor .suggest-details.no-type>.monaco-scrollable-element>.body>.docs{margin-right:24px;overflow:hidden}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs{min-height:calc(1rem + 8px);padding:0;white-space:normal}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div,.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>span:not(:empty){padding:4px 5px}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:first-child{margin-top:0}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:last-child{margin-bottom:0}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .monaco-tokenized-source{white-space:pre}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs .code{word-wrap:break-word;white-space:pre-wrap}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .codicon{vertical-align:sub}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>p:empty{display:none}.monaco-editor .suggest-details code{border-radius:3px;padding:0 .4em}.monaco-editor .suggest-details ol,.monaco-editor .suggest-details ul{padding-left:20px}.monaco-editor .suggest-details p code{font-family:var(--monaco-monospace-font)}";
+var css = ".monaco-editor .suggest-widget{border-radius:3px;display:flex;flex-direction:column;width:430px;z-index:40}.monaco-editor .suggest-widget.message{align-items:center;flex-direction:row}.monaco-editor .suggest-details,.monaco-editor .suggest-widget{background-color:var(--vscode-editorSuggestWidget-background);border-color:var(--vscode-editorSuggestWidget-border);border-style:solid;border-width:1px;flex:0 1 auto;width:100%}.monaco-editor.hc-black .suggest-details,.monaco-editor.hc-black .suggest-widget,.monaco-editor.hc-light .suggest-details,.monaco-editor.hc-light .suggest-widget{border-width:2px}.monaco-editor .suggest-widget .suggest-status-bar{border-top:1px solid var(--vscode-editorSuggestWidget-border);box-sizing:border-box;display:none;flex-flow:row nowrap;font-size:80%;justify-content:space-between;overflow:hidden;padding:0 4px;width:100%}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar{display:flex}.monaco-editor .suggest-widget .suggest-status-bar .left{padding-right:8px}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label{color:var(--vscode-editorSuggestWidgetStatus-foreground)}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label{margin-right:0}.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label:after{content:\", \";margin-right:.3em}.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore,.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:none}.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover>.contents>.main>.right.can-expand-details>.details-label{width:100%}.monaco-editor .suggest-widget>.message{padding-left:22px}.monaco-editor .suggest-widget>.tree{height:100%;width:100%}.monaco-editor .suggest-widget .monaco-list{user-select:none;-webkit-user-select:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row{background-position:2px 2px;background-repeat:no-repeat;-mox-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:flex;padding-right:10px;touch-action:none;white-space:nowrap}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused{color:var(--vscode-editorSuggestWidget-selectedForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon{color:var(--vscode-editorSuggestWidget-selectedIconForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents{flex:1;height:100%;overflow:hidden;padding-left:2px}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main{display:flex;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:pre}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right{display:flex}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused)>.contents>.main .monaco-icon-label{color:var(--vscode-editorSuggestWidget-foreground)}.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight{font-weight:700}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main .monaco-highlighted-label .highlight{color:var(--vscode-editorSuggestWidget-highlightForeground)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused>.contents>.main .monaco-highlighted-label .highlight{color:var(--vscode-editorSuggestWidget-focusHighlightForeground)}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:before{color:inherit;cursor:pointer;font-size:14px;opacity:1}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close{position:absolute;right:2px;top:6px}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close:hover,.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:hover{opacity:1}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{opacity:.7}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.signature-label{opacity:.6;overflow:hidden;text-overflow:ellipsis}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.qualifier-label{align-self:center;font-size:85%;line-height:normal;margin-left:12px;opacity:.4;overflow:hidden;text-overflow:ellipsis}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{font-size:85%;margin-left:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label>.monaco-tokenized-source{display:inline}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.right>.details-label,.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label)>.contents>.main>.right>.details-label,.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused>.contents>.main>.right>.details-label{display:inline}.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right.can-expand-details>.details-label{width:calc(100% - 26px)}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left{flex-grow:1;flex-shrink:1;overflow:hidden}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.monaco-icon-label{flex-shrink:0}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.left>.monaco-icon-label{max-width:100%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.left>.monaco-icon-label{flex-shrink:1}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right{flex-shrink:4;max-width:70%;overflow:hidden}.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:inline-block;height:18px;position:absolute;right:10px;visibility:hidden;width:18px}.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row>.contents>.main>.right>.readMore{display:none!important}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.right>.readMore{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore{display:inline-block}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right>.readMore{visibility:visible}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated{opacity:.66;text-decoration:unset}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated>.monaco-icon-label-container>.monaco-icon-name-container{text-decoration:line-through}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label:before{height:100%}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon{background-position:50%;background-repeat:no-repeat;background-size:80%;display:block;height:16px;margin-left:2px;width:16px}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon{align-items:center;display:flex;margin-right:4px}.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon:before{display:none}.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan{border:.1em solid #000;display:inline-block;height:.7em;margin:0 0 0 .3em;width:.7em}.monaco-editor .suggest-details-container{z-index:41}.monaco-editor .suggest-details{color:var(--vscode-editorSuggestWidget-foreground);cursor:default;display:flex;flex-direction:column}.monaco-editor .suggest-details:focus{border-color:var(--vscode-focusBorder)}.monaco-editor .suggest-details a{color:var(--vscode-textLink-foreground)}.monaco-editor .suggest-details a:hover{color:var(--vscode-textLink-activeForeground)}.monaco-editor .suggest-details code{background-color:var(--vscode-textCodeBlock-background)}.monaco-editor .suggest-details.no-docs{display:none}.monaco-editor .suggest-details>.monaco-scrollable-element{flex:1}.monaco-editor .suggest-details>.monaco-scrollable-element>.body{box-sizing:border-box;height:100%;width:100%}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type{flex:2;margin:0 24px 0 0;opacity:.7;overflow:hidden;padding:4px 0 4px 5px;text-overflow:ellipsis;white-space:pre}.monaco-editor .suggest-details.detail-and-doc>.monaco-scrollable-element>.body>.header>.type{padding-bottom:12px}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type.auto-wrap{white-space:normal;word-break:break-all}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs{margin:0;padding:4px 5px;white-space:pre-wrap}.monaco-editor .suggest-details.no-type>.monaco-scrollable-element>.body>.docs{margin-right:24px;overflow:hidden}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs{min-height:calc(1rem + 8px);padding:0;white-space:normal}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div,.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>span:not(:empty){padding:4px 5px}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:first-child{margin-top:0}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:last-child{margin-bottom:0}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .monaco-tokenized-source{white-space:pre}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs .code{word-wrap:break-word;white-space:pre-wrap}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .codicon{vertical-align:sub}.monaco-editor .suggest-details>.monaco-scrollable-element>.body>p:empty{display:none}.monaco-editor .suggest-details code{border-radius:3px;padding:0 .4em}.monaco-editor .suggest-details ol,.monaco-editor .suggest-details ul{padding-left:20px}.monaco-editor .suggest-details p code{font-family:var(--monaco-monospace-font)}";
 n(css,{});
 
 export { css, css as default };

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

@@ -21,21 +21,21 @@ import { StandardTokenType } from '../../../common/encodedTokenAttributes.js';
 
 const Context = {
     Visible: historyNavigationVisible,
-    HasFocusedSuggestion: ( new RawContextKey('suggestWidgetHasFocusedSuggestion', false, ( localize(1424, "Whether any suggestion is focused")))),
-    DetailsVisible: ( new RawContextKey('suggestWidgetDetailsVisible', false, ( localize(1425, "Whether suggestion details are visible")))),
-    MultipleSuggestions: ( new RawContextKey('suggestWidgetMultipleSuggestions', false, ( localize(1426, "Whether there are multiple suggestions to pick from")))),
+    HasFocusedSuggestion: ( new RawContextKey('suggestWidgetHasFocusedSuggestion', false, ( localize(1459, "Whether any suggestion is focused")))),
+    DetailsVisible: ( new RawContextKey('suggestWidgetDetailsVisible', false, ( localize(1460, "Whether suggestion details are visible")))),
+    MultipleSuggestions: ( new RawContextKey('suggestWidgetMultipleSuggestions', false, ( localize(1461, "Whether there are multiple suggestions to pick from")))),
     MakesTextEdit: ( new RawContextKey('suggestionMakesTextEdit', true, ( localize(
-        1427,
+        1462,
         "Whether inserting the current suggestion yields in a change or has everything already been typed"
     )))),
-    AcceptSuggestionsOnEnter: ( new RawContextKey('acceptSuggestionOnEnter', true, ( localize(1428, "Whether suggestions are inserted when pressing Enter")))),
-    HasInsertAndReplaceRange: ( new RawContextKey('suggestionHasInsertAndReplaceRange', false, ( localize(1429, "Whether the current suggestion has insert and replace behaviour")))),
+    AcceptSuggestionsOnEnter: ( new RawContextKey('acceptSuggestionOnEnter', true, ( localize(1463, "Whether suggestions are inserted when pressing Enter")))),
+    HasInsertAndReplaceRange: ( new RawContextKey('suggestionHasInsertAndReplaceRange', false, ( localize(1464, "Whether the current suggestion has insert and replace behaviour")))),
     InsertMode: ( new RawContextKey(
         'suggestionInsertMode',
         undefined,
-        { type: 'string', description: ( localize(1430, "Whether the default behaviour is to insert or replace")) }
+        { type: 'string', description: ( localize(1465, "Whether the default behaviour is to insert or replace")) }
     )),
-    CanResolve: ( new RawContextKey('suggestionCanResolve', false, ( localize(1431, "Whether the current suggestion supports to resolve further details")))),
+    CanResolve: ( new RawContextKey('suggestionCanResolve', false, ( localize(1466, "Whether the current suggestion supports to resolve further details")))),
 };
 const suggestWidgetStatusbarMenu = ( new MenuId('suggestWidgetStatusBar'));
 class CompletionItem {

package/vscode/src/vs/editor/contrib/suggest/browser/suggestController.js

@@ -449,7 +449,7 @@ let SuggestController = class SuggestController {
     _alertCompletionItem(item) {
         if (isNonEmptyArray(item.completion.additionalTextEdits)) {
             const msg = ( localize(
-                1432,
+                1467,
                 "Accepting '{0}' made {1} additional edits",
                 item.textLabel,
                 item.completion.additionalTextEdits.length
@@ -626,7 +626,7 @@ class TriggerSuggestAction extends EditorAction {
     constructor() {
         super({
             id: TriggerSuggestAction.id,
-            label: ( localize2(1433, "Trigger Suggest")),
+            label: ( localize2(1468, "Trigger Suggest")),
             precondition: ( ContextKeyExpr.and(
                 EditorContextKeys.writable,
                 EditorContextKeys.hasCompletionItemProvider,
@@ -681,19 +681,19 @@ registerEditorCommand(( new SuggestCommand({
         }],
     menuOpts: [{
             menuId: suggestWidgetStatusbarMenu,
-            title: ( localize(1434, "Insert")),
+            title: ( localize(1469, "Insert")),
             group: 'left',
             order: 1,
             when: ( Context.HasInsertAndReplaceRange.toNegated())
         }, {
             menuId: suggestWidgetStatusbarMenu,
-            title: ( localize(1434, "Insert")),
+            title: ( localize(1469, "Insert")),
             group: 'left',
             order: 1,
             when: ( ContextKeyExpr.and(Context.HasInsertAndReplaceRange, ( Context.InsertMode.isEqualTo('insert'))))
         }, {
             menuId: suggestWidgetStatusbarMenu,
-            title: ( localize(1435, "Replace")),
+            title: ( localize(1470, "Replace")),
             group: 'left',
             order: 1,
             when: ( ContextKeyExpr.and(Context.HasInsertAndReplaceRange, ( Context.InsertMode.isEqualTo('replace'))))
@@ -720,13 +720,13 @@ registerEditorCommand(( new SuggestCommand({
             group: 'left',
             order: 2,
             when: ( ContextKeyExpr.and(Context.HasInsertAndReplaceRange, ( Context.InsertMode.isEqualTo('insert')))),
-            title: ( localize(1435, "Replace"))
+            title: ( localize(1470, "Replace"))
         }, {
             menuId: suggestWidgetStatusbarMenu,
             group: 'left',
             order: 2,
             when: ( ContextKeyExpr.and(Context.HasInsertAndReplaceRange, ( Context.InsertMode.isEqualTo('replace')))),
-            title: ( localize(1434, "Insert"))
+            title: ( localize(1469, "Insert"))
         }]
 })));
 CommandsRegistry.registerCommandAlias('acceptSelectedSuggestionOnEnter', 'acceptSelectedSuggestion');
@@ -833,13 +833,13 @@ registerEditorCommand(( new SuggestCommand({
             group: 'right',
             order: 1,
             when: ( ContextKeyExpr.and(Context.DetailsVisible, Context.CanResolve)),
-            title: ( localize(1436, "Show Less"))
+            title: ( localize(1471, "Show Less"))
         }, {
             menuId: suggestWidgetStatusbarMenu,
             group: 'right',
             order: 1,
             when: ( ContextKeyExpr.and(( Context.DetailsVisible.toNegated()), Context.CanResolve)),
-            title: ( localize(1437, "Show More"))
+            title: ( localize(1472, "Show More"))
         }]
 })));
 registerEditorCommand(( new SuggestCommand({
@@ -897,7 +897,7 @@ registerEditorAction(class extends EditorAction {
     constructor() {
         super({
             id: 'editor.action.resetSuggestSize',
-            label: ( localize2(1438, "Reset Suggest Widget Size")),
+            label: ( localize2(1473, "Reset Suggest Widget Size")),
             precondition: undefined
         });
     }

package/vscode/src/vs/editor/contrib/suggest/browser/suggestWidget.js

@@ -37,23 +37,23 @@ import { IThemeService } from '../../../../platform/theme/common/themeService.se
 import { ResizableHTMLElement } from '../../../../base/browser/ui/resizable/resizable.js';
 import { suggestWidgetStatusbarMenu, Context } from './suggest.js';
 import { SuggestDetailsWidget, SuggestDetailsOverlay, canExpandCompletionItem } from './suggestWidgetDetails.js';
-import { ItemRenderer, getAriaId } from './suggestWidgetRenderer.js';
+import { ItemRenderer } from './suggestWidgetRenderer.js';
 import { getListStyles } from '../../../../platform/theme/browser/defaultStyles.js';
 import { status } from '../../../../base/browser/ui/aria/aria.js';
 
 var SuggestWidget_1;
-registerColor('editorSuggestWidget.background', editorWidgetBackground, ( localize(1439, 'Background color of the suggest widget.')));
-registerColor('editorSuggestWidget.border', editorWidgetBorder, ( localize(1440, 'Border color of the suggest widget.')));
-const editorSuggestWidgetForeground = registerColor('editorSuggestWidget.foreground', editorForeground, ( localize(1441, 'Foreground color of the suggest widget.')));
-registerColor('editorSuggestWidget.selectedForeground', quickInputListFocusForeground, ( localize(1442, 'Foreground color of the selected entry in the suggest widget.')));
-registerColor('editorSuggestWidget.selectedIconForeground', quickInputListFocusIconForeground, ( localize(1443, 'Icon foreground color of the selected entry in the suggest widget.')));
-const editorSuggestWidgetSelectedBackground = registerColor('editorSuggestWidget.selectedBackground', quickInputListFocusBackground, ( localize(1444, 'Background color of the selected entry in the suggest widget.')));
-registerColor('editorSuggestWidget.highlightForeground', listHighlightForeground, ( localize(1445, 'Color of the match highlights in the suggest widget.')));
+registerColor('editorSuggestWidget.background', editorWidgetBackground, ( localize(1474, 'Background color of the suggest widget.')));
+registerColor('editorSuggestWidget.border', editorWidgetBorder, ( localize(1475, 'Border color of the suggest widget.')));
+const editorSuggestWidgetForeground = registerColor('editorSuggestWidget.foreground', editorForeground, ( localize(1476, 'Foreground color of the suggest widget.')));
+registerColor('editorSuggestWidget.selectedForeground', quickInputListFocusForeground, ( localize(1477, 'Foreground color of the selected entry in the suggest widget.')));
+registerColor('editorSuggestWidget.selectedIconForeground', quickInputListFocusIconForeground, ( localize(1478, 'Icon foreground color of the selected entry in the suggest widget.')));
+const editorSuggestWidgetSelectedBackground = registerColor('editorSuggestWidget.selectedBackground', quickInputListFocusBackground, ( localize(1479, 'Background color of the selected entry in the suggest widget.')));
+registerColor('editorSuggestWidget.highlightForeground', listHighlightForeground, ( localize(1480, 'Color of the match highlights in the suggest widget.')));
 registerColor('editorSuggestWidget.focusHighlightForeground', listFocusHighlightForeground, ( localize(
-    1446,
+    1481,
     'Color of the match highlights in the suggest widget when an item is focused.'
 )));
-registerColor('editorSuggestWidgetStatus.foreground', ( transparent(editorSuggestWidgetForeground, .5)), ( localize(1447, 'Foreground color of the suggest widget status.')));
+registerColor('editorSuggestWidgetStatus.foreground', ( transparent(editorSuggestWidgetForeground, .5)), ( localize(1482, 'Foreground color of the suggest widget status.')));
 var State;
 (function (State) {
     State[State["Hidden"] = 0] = "Hidden";
@@ -90,8 +90,8 @@ class PersistedWidgetSize {
 }
 let SuggestWidget = class SuggestWidget {
     static { SuggestWidget_1 = this; }
-    static { this.LOADING_MESSAGE = ( localize(1448, "Loading...")); }
-    static { this.NO_SUGGESTIONS_MESSAGE = ( localize(1449, "No suggestions.")); }
+    static { this.LOADING_MESSAGE = ( localize(1483, "Loading...")); }
+    static { this.NO_SUGGESTIONS_MESSAGE = ( localize(1484, "No suggestions.")); }
     constructor(editor, _storageService, _contextKeyService, _themeService, instantiationService) {
         this.editor = editor;
         this._storageService = _storageService;
@@ -175,20 +175,20 @@ let SuggestWidget = class SuggestWidget {
             multipleSelectionSupport: false,
             accessibilityProvider: {
                 getRole: () => 'option',
-                getWidgetAriaLabel: () => ( localize(1450, "Suggest")),
+                getWidgetAriaLabel: () => ( localize(1485, "Suggest")),
                 getWidgetRole: () => 'listbox',
                 getAriaLabel: (item) => {
                     let label = item.textLabel;
                     if (typeof item.completion.label !== 'string') {
                         const { detail, description } = item.completion.label;
                         if (detail && description) {
-                            label = ( localize(1451, '{0} {1}, {2}', label, detail, description));
+                            label = ( localize(1486, '{0} {1}, {2}', label, detail, description));
                         }
                         else if (detail) {
-                            label = ( localize(1452, '{0} {1}', label, detail));
+                            label = ( localize(1487, '{0} {1}', label, detail));
                         }
                         else if (description) {
-                            label = ( localize(1453, '{0}, {1}', label, description));
+                            label = ( localize(1488, '{0}, {1}', label, description));
                         }
                     }
                     if (!item.isResolved || !this._isDetailsVisible()) {
@@ -196,7 +196,7 @@ let SuggestWidget = class SuggestWidget {
                     }
                     const { documentation, detail } = item.completion;
                     const docs = format('{0}{1}', detail || '', documentation ? (typeof documentation === 'string' ? documentation : documentation.value) : '');
-                    return localize(1454, "{0}, docs: {1}", label, docs);
+                    return localize(1489, "{0}, docs: {1}", label, docs);
                 },
             }
         }));
@@ -340,7 +340,7 @@ let SuggestWidget = class SuggestWidget {
                 else {
                     this.element.domNode.classList.remove('docs-side');
                 }
-                this.editor.setAriaOptions({ activeDescendant: getAriaId(index) });
+                this.editor.setAriaOptions({ activeDescendant: this._list.getElementID(index) });
             }).catch(onUnexpectedError);
         }
         this._onDidFocus.fire({ item, index, model: this._completionModel });
@@ -453,7 +453,7 @@ let SuggestWidget = class SuggestWidget {
         try {
             this._list.splice(0, this._list.length, this._completionModel.items);
             this._setState(isFrozen ? State.Frozen : State.Open);
-            this._list.reveal(selectionIndex, 0);
+            this._list.reveal(selectionIndex, 0, selectionIndex === 0 ? 0 : this.getLayoutInfo().itemHeight * 0.33);
             this._list.setFocus(noFocus ? [] : [selectionIndex]);
         }
         finally {
@@ -760,7 +760,7 @@ let SuggestWidget = class SuggestWidget {
             typicalHalfwidthCharacterWidth: fontInfo.typicalHalfwidthCharacterWidth,
             verticalPadding: 22,
             horizontalPadding: 14,
-            defaultSize: new Dimension(430, statusBarHeight + 12 * itemHeight + borderHeight)
+            defaultSize: new Dimension(430, statusBarHeight + 12 * itemHeight)
         };
     }
     _isDetailsVisible() {

package/vscode/src/vs/editor/contrib/suggest/browser/suggestWidgetDetails.js

@@ -38,7 +38,7 @@ let SuggestDetailsWidget = class SuggestDetailsWidget {
         this._disposables.add(this._scrollbar);
         this._header = append(this._body, $('.header'));
         this._close = append(this._header, $('span' + ThemeIcon.asCSSSelector(Codicon.close)));
-        this._close.title = ( localize(1455, "Close"));
+        this._close.title = ( localize(1490, "Close"));
         this._close.role = 'button';
         this._close.tabIndex = -1;
         this._type = append(this._header, $('p.type'));
@@ -84,7 +84,7 @@ let SuggestDetailsWidget = class SuggestDetailsWidget {
         };
     }
     renderLoading() {
-        this._type.textContent = ( localize(1456, "Loading..."));
+        this._type.textContent = ( localize(1491, "Loading..."));
         this._docs.textContent = '';
         this.domNode.classList.remove('no-docs', 'no-type');
         this.layout(this.size.width, this.getLayoutInfo().lineHeight * 2);
@@ -130,14 +130,16 @@ let SuggestDetailsWidget = class SuggestDetailsWidget {
         else if (documentation) {
             this._docs.classList.add('markdown-docs');
             clearNode(this._docs);
-            const renderedContents = this._markdownRenderer.render(documentation);
+            const renderedContents = this._markdownRenderer.render(documentation, {
+                asyncRenderCallback: () => {
+                    this.layout(this._size.width, this._type.clientHeight + this._docs.clientHeight);
+                    this._onDidChangeContents.fire(this);
+                }
+            });
             this._docs.appendChild(renderedContents.element);
             this._renderDisposeable.add(renderedContents);
-            this._renderDisposeable.add(this._markdownRenderer.onDidRenderAsync(() => {
-                this.layout(this._size.width, this._type.clientHeight + this._docs.clientHeight);
-                this._onDidChangeContents.fire(this);
-            }));
         }
+        this.domNode.classList.toggle('detail-and-doc', !!detail && !!documentation);
         this.domNode.style.userSelect = 'text';
         this.domNode.tabIndex = -1;
         this._close.onmousedown = e => {

package/vscode/src/vs/editor/contrib/suggest/browser/suggestWidgetRenderer.d.ts

@@ -7,7 +7,6 @@ import { IModelService } from "../../../common/services/model.js";
 import { ILanguageService } from "../../../common/languages/language.js";
 import { IThemeService } from "../../../../platform/theme/common/themeService.service.js";
 import { CompletionItem } from "./suggest.js";
-export declare function getAriaId(index: number): string;
 export interface ISuggestionTemplateData {
     readonly root: HTMLElement;
     readonly left: HTMLElement;

package/vscode/src/vs/editor/contrib/suggest/browser/suggestWidgetRenderer.js

@@ -19,10 +19,7 @@ import { registerIcon } from '../../../../platform/theme/common/iconRegistry.js'
 import { IThemeService } from '../../../../platform/theme/common/themeService.service.js';
 import { canExpandCompletionItem } from './suggestWidgetDetails.js';
 
-function getAriaId(index) {
-    return `suggest-aria-id:${index}`;
-}
-const suggestMoreInfoIcon = registerIcon('suggest-more-info', Codicon.chevronRight, ( localize(1457, 'Icon for more information in the suggest widget.')));
+const suggestMoreInfoIcon = registerIcon('suggest-more-info', Codicon.chevronRight, ( localize(1492, 'Icon for more information in the suggest widget.')));
 const _completionItemColor = new (class ColorExtractor {
     static { this._regexRelaxed = /(#([\da-fA-F]{3}){1,2}|(rgb|hsl)a\(\s*(\d{1,3}%?\s*,\s*){3}(1|0?\.\d+)\)|(rgb|hsl)\(\s*\d{1,3}%?(\s*,\s*\d{1,3}%?){2}\s*\))/; }
     static { this._regexStrict = ( new RegExp(`^${ColorExtractor._regexRelaxed.source}$`, 'i')); }
@@ -78,7 +75,7 @@ let ItemRenderer = class ItemRenderer {
         const qualifierLabel = append(left, $('span.qualifier-label'));
         const detailsLabel = append(right, $('span.details-label'));
         const readMore = append(right, $('span.readMore' + ThemeIcon.asCSSSelector(suggestMoreInfoIcon)));
-        readMore.title = ( localize(1458, "Read More"));
+        readMore.title = ( localize(1493, "Read More"));
         const configureFont = () => {
             const options = this._editor.getOptions();
             const fontInfo = options.get(EditorOption.fontInfo);
@@ -107,7 +104,6 @@ let ItemRenderer = class ItemRenderer {
     renderElement(element, index, data) {
         data.configureFont();
         const { completion } = element;
-        data.root.id = getAriaId(index);
         data.colorspan.style.backgroundColor = '';
         const labelOptions = {
             labelEscapeNewLines: true,
@@ -193,4 +189,4 @@ function stripNewLines(str) {
     return str.replace(/\r\n|\r|\n/g, '');
 }
 
-export { ItemRenderer, getAriaId };
+export { ItemRenderer };

package/vscode/src/vs/editor/contrib/suggest/browser/wordContextKey.js

@@ -3,11 +3,15 @@ import { __decorate, __param } from '../../../../../../../external/tslib/tslib.e
 import { EditorOption } from '../../../common/config/editorOptions.js';
 import { RawContextKey } from '../../../../platform/contextkey/common/contextkey.js';
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.service.js';
+import { localize } from '../../../../nls.js';
 
 var WordContextKey_1;
 let WordContextKey = class WordContextKey {
     static { WordContextKey_1 = this; }
-    static { this.AtEnd = ( new RawContextKey('atEndOfWord', false)); }
+    static { this.AtEnd = ( new RawContextKey('atEndOfWord', false, { type: 'boolean', description: ( localize(
+        1494,
+        "A context key that is true when at the end of a word. Note that this is only defined when tab-completions are enabled"
+    )) })); }
     constructor(_editor, contextKeyService) {
         this._editor = _editor;
         this._enabled = false;