@codingame/monaco-vscode-api 2.2.2 → 3.0.0

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

@@ -6,7 +6,7 @@ import { _runWhenIdle, AbstractIdleValue, IntervalTimer, TimeoutTimer } from '..
 import { onUnexpectedError } from '../common/errors.js';
 import { Emitter, Event } from '../common/event.js';
 import { sanitize, addHook, removeHook } from './dompurify/dompurify.js';
-import { DisposableStore, Disposable, toDisposable } from '../common/lifecycle.js';
+import { Disposable, DisposableStore, toDisposable } from '../common/lifecycle.js';
 import { RemoteAuthorities, FileAccess, Schemas } from '../common/network.js';
 import { isIOS, isMacintosh, isLinux } from '../common/platform.js';
 import { URI } from '../common/uri.js';
@@ -15,10 +15,15 @@ import { mainWindow, ensureCodeWindow } from './window.js';
 const { registerWindow, getWindow, getDocument, getWindows, getWindowsCount, getWindowId, getWindowById, hasWindow, onDidRegisterWindow, onWillUnregisterWindow, onDidUnregisterWindow } = ( (function() {
     const windows = ( new Map());
     ensureCodeWindow(mainWindow, 1);
-    windows.set(mainWindow.vscodeWindowId, { window: mainWindow, disposables: ( new DisposableStore()) });
+    const mainWindowRegistration = { window: mainWindow, disposables: ( new DisposableStore()) };
+    windows.set(mainWindow.vscodeWindowId, mainWindowRegistration);
     const onDidRegisterWindow = new Emitter();
     const onDidUnregisterWindow = new Emitter();
     const onWillUnregisterWindow = new Emitter();
+    function getWindowById(windowId, fallbackToMain) {
+        const window = typeof windowId === 'number' ? windows.get(windowId) : undefined;
+        return window ?? (fallbackToMain ? mainWindowRegistration : undefined);
+    }
     return {
         onDidRegisterWindow: onDidRegisterWindow.event,
         onWillUnregisterWindow: onWillUnregisterWindow.event,
@@ -55,9 +60,7 @@ const { registerWindow, getWindow, getDocument, getWindows, getWindowsCount, get
         hasWindow(windowId) {
             return ( windows.has(windowId));
         },
-        getWindowById(windowId) {
-            return windows.get(windowId);
-        },
+        getWindowById,
         getWindow(e) {
             const candidateNode = e;
             if (candidateNode?.ownerDocument?.defaultView) {
@@ -623,7 +626,7 @@ class WrappedStyleElement {
     }
     dispose() {
         if (this._styleSheet) {
-            clearNode(this._styleSheet);
+            this._styleSheet.remove();
             this._styleSheet = undefined;
         }
     }
@@ -999,21 +1002,6 @@ function $(description, attrs, ...children) {
 $.SVG = function (description, attrs, ...children) {
     return _$(Namespace.SVG, description, attrs, ...children);
 };
-function join(nodes, separator) {
-    const result = [];
-    nodes.forEach((node, index) => {
-        if (index > 0) {
-            if (separator instanceof Node) {
-                result.push(separator.cloneNode());
-            }
-            else {
-                result.push(document.createTextNode(separator));
-            }
-        }
-        result.push(node);
-    });
-    return result;
-}
 function setVisibility(visible, ...elements) {
     if (visible) {
         show(...elements);
@@ -1555,4 +1543,4 @@ function trackAttributes(from, to, filter) {
     }));
     return disposables;
 }
-export { $, DetectedFullscreenMode, Dimension, DragAndDropObserver, EventHelper, EventType, ModifierKeyEmitter, Namespace, WindowIdleValue, WindowIntervalTimer, addDisposableGenericMouseDownListener, addDisposableGenericMouseUpListener, addDisposableListener, addDisposableThrottledListener, addStandardDisposableGenericMouseDownListener, addStandardDisposableGenericMouseUpListener, addStandardDisposableListener, after, animate, append, asCSSPropertyValue, asCSSUrl, asCssValueWithDefault, basicMarkupHtmlTags, clearNode, cloneGlobalStylesheets, computeScreenAwareSize, copyAttributes, createCSSRule, createLinkElement, createMetaElement, createStyleSheet, createStyleSheet2, detectFullscreen, disposableWindowInterval, finalHandler, findParentWithClass, focusWindow, getActiveDocument, getActiveElement, getActiveWindow, getClientArea, getComputedStyle, getContentHeight, getContentWidth, getDocument, getDomNodePagePosition, getDomNodeZoomLevel, getLargestChildWidth, getShadowRoot, getTopLeftOffset, getTotalHeight, getTotalScrollWidth, getTotalWidth, getWindow, getWindowById, getWindowId, getWindows, getWindowsCount, h, hasParentWithClass, hasWindow, hide, hookDomPurifyHrefAndSrcSanitizer, isActiveDocument, isActiveElement, isAncestor, isAncestorOfActiveElement, isAncestorUsingFlowTo, isDragEvent, isEventLike, isGlobalStylesheet, isInShadowDOM, isKeyboardEvent, isMouseEvent, isPointerEvent, isShadowRoot, join, measure, modify, multibyteAwareBtoa, onDidRegisterWindow, onDidUnregisterWindow, onWillUnregisterWindow, position, prepend, registerWindow, removeCSSRulesContainingSelector, reset, restoreParentsScrollTop, runAtThisOrScheduleAtNextAnimationFrame, runWhenWindowIdle, safeInnerHtml, saveParentsScrollTop, scheduleAtNextAnimationFrame, setParentFlowTo, setVisibility, sharedMutationObserver, show, size, trackAttributes, trackFocus, triggerDownload, triggerUpload, windowOpenNoOpener, windowOpenPopup, windowOpenWithSuccess };
+export { $, DetectedFullscreenMode, Dimension, DragAndDropObserver, EventHelper, EventType, ModifierKeyEmitter, Namespace, WindowIdleValue, WindowIntervalTimer, addDisposableGenericMouseDownListener, addDisposableGenericMouseUpListener, addDisposableListener, addDisposableThrottledListener, addStandardDisposableGenericMouseDownListener, addStandardDisposableGenericMouseUpListener, addStandardDisposableListener, after, animate, append, asCSSPropertyValue, asCSSUrl, asCssValueWithDefault, basicMarkupHtmlTags, clearNode, cloneGlobalStylesheets, computeScreenAwareSize, copyAttributes, createCSSRule, createLinkElement, createMetaElement, createStyleSheet, createStyleSheet2, detectFullscreen, disposableWindowInterval, finalHandler, findParentWithClass, focusWindow, getActiveDocument, getActiveElement, getActiveWindow, getClientArea, getComputedStyle, getContentHeight, getContentWidth, getDocument, getDomNodePagePosition, getDomNodeZoomLevel, getLargestChildWidth, getShadowRoot, getTopLeftOffset, getTotalHeight, getTotalScrollWidth, getTotalWidth, getWindow, getWindowById, getWindowId, getWindows, getWindowsCount, h, hasParentWithClass, hasWindow, hide, hookDomPurifyHrefAndSrcSanitizer, isActiveDocument, isActiveElement, isAncestor, isAncestorOfActiveElement, isAncestorUsingFlowTo, isDragEvent, isEventLike, isGlobalStylesheet, isInShadowDOM, isKeyboardEvent, isMouseEvent, isPointerEvent, isShadowRoot, measure, modify, multibyteAwareBtoa, onDidRegisterWindow, onDidUnregisterWindow, onWillUnregisterWindow, position, prepend, registerWindow, removeCSSRulesContainingSelector, reset, restoreParentsScrollTop, runAtThisOrScheduleAtNextAnimationFrame, runWhenWindowIdle, safeInnerHtml, saveParentsScrollTop, scheduleAtNextAnimationFrame, setParentFlowTo, setVisibility, sharedMutationObserver, show, size, trackAttributes, trackFocus, triggerDownload, triggerUpload, windowOpenNoOpener, windowOpenPopup, windowOpenWithSuccess };

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

@@ -508,20 +508,28 @@ function completeSingleLinePattern(token) {
                 }
                 return completeLinkTarget(token);
             }
-            else if (lastLine.match(/(^|\s)\[\w/)) {
+            else if (hasStartOfLinkTarget(lastLine)) {
+                return completeLinkTarget(token);
+            }
+            else if (lastLine.match(/(^|\s)\[\w/) && !( token.tokens.slice(i + 1).some(t => hasStartOfLinkTarget(t.raw)))) {
                 return completeLinkText(token);
             }
         }
     }
     return undefined;
 }
+function hasStartOfLinkTarget(str) {
+    return !!str.match(/^[^\[]*\]\([^\)]*$/);
+}
 function fillInIncompleteTokens(tokens) {
     let i;
     let newTokens;
     for (i = 0; i < tokens.length; i++) {
         const token = tokens[i];
-        if (token.type === 'paragraph' && token.raw.match(/(\n|^)```/)) {
-            newTokens = completeCodeBlock(tokens.slice(i));
+        let codeblockStart;
+        if (token.type === 'paragraph' && (codeblockStart = token.raw.match(/(\n|^)(````*)/))) {
+            const codeblockLead = codeblockStart[2];
+            newTokens = completeCodeBlock(tokens.slice(i), codeblockLead);
             break;
         }
         if (token.type === 'paragraph' && token.raw.match(/(\n|^)\|/)) {
@@ -546,9 +554,9 @@ function fillInIncompleteTokens(tokens) {
     }
     return tokens;
 }
-function completeCodeBlock(tokens) {
+function completeCodeBlock(tokens, leader) {
     const mergedRawText = mergeRawTokenText(tokens);
-    return marked.lexer(mergedRawText + '\n```');
+    return marked.lexer(mergedRawText + `\n${leader}`);
 }
 function completeCodespan(token) {
     return completeWithString(token, '`');

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

@@ -43,12 +43,18 @@ class StandardWheelEvent {
         this.target = e ? (e.target || e.targetNode || e.srcElement) : null;
         this.deltaY = deltaY;
         this.deltaX = deltaX;
+        let shouldFactorDPR = false;
+        if (isChrome) {
+            const chromeVersionMatch = navigator.userAgent.match(/Chrome\/(\d+)/);
+            const chromeMajorVersion = chromeVersionMatch ? parseInt(chromeVersionMatch[1]) : 123;
+            shouldFactorDPR = chromeMajorVersion <= 122;
+        }
         if (e) {
             const e1 = e;
             const e2 = e;
             const devicePixelRatio = e.view?.devicePixelRatio || 1;
             if (typeof e1.wheelDeltaY !== 'undefined') {
-                if (isChrome) {
+                if (shouldFactorDPR) {
                     this.deltaY = e1.wheelDeltaY / (120 * devicePixelRatio);
                 }
                 else {
@@ -76,7 +82,7 @@ class StandardWheelEvent {
                 if (isSafari && isWindows) {
                     this.deltaX = -(e1.wheelDeltaX / 120);
                 }
-                else if (isChrome) {
+                else if (shouldFactorDPR) {
                     this.deltaX = e1.wheelDeltaX / (120 * devicePixelRatio);
                 }
                 else {
@@ -101,7 +107,7 @@ class StandardWheelEvent {
                 }
             }
             if (this.deltaY === 0 && this.deltaX === 0 && e.wheelDelta) {
-                if (isChrome) {
+                if (shouldFactorDPR) {
                     this.deltaY = e.wheelDelta / (120 * devicePixelRatio);
                 }
                 else {

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

@@ -0,0 +1,72 @@
+import { getWindowId, onDidUnregisterWindow } from './dom.js';
+import { Event, Emitter } from '../common/event.js';
+import { markAsSingleton, Disposable } from '../common/lifecycle.js';
+class DevicePixelRatioMonitor extends Disposable {
+    constructor(targetWindow) {
+        super();
+        this._onDidChange = this._register(( new Emitter()));
+        this.onDidChange = this._onDidChange.event;
+        this._listener = () => this._handleChange(targetWindow, true);
+        this._mediaQueryList = null;
+        this._handleChange(targetWindow, false);
+    }
+    _handleChange(targetWindow, fireEvent) {
+        this._mediaQueryList?.removeEventListener('change', this._listener);
+        this._mediaQueryList = targetWindow.matchMedia(`(resolution: ${targetWindow.devicePixelRatio}dppx)`);
+        this._mediaQueryList.addEventListener('change', this._listener);
+        if (fireEvent) {
+            this._onDidChange.fire();
+        }
+    }
+}
+class PixelRatioMonitorImpl extends Disposable {
+    get value() {
+        return this._value;
+    }
+    constructor(targetWindow) {
+        super();
+        this._onDidChange = this._register(( new Emitter()));
+        this.onDidChange = this._onDidChange.event;
+        this._value = this._getPixelRatio(targetWindow);
+        const dprMonitor = this._register(( new DevicePixelRatioMonitor(targetWindow)));
+        this._register(dprMonitor.onDidChange(() => {
+            this._value = this._getPixelRatio(targetWindow);
+            this._onDidChange.fire(this._value);
+        }));
+    }
+    _getPixelRatio(targetWindow) {
+        const ctx = document.createElement('canvas').getContext('2d');
+        const dpr = targetWindow.devicePixelRatio || 1;
+        const bsr = ctx.webkitBackingStorePixelRatio ||
+            ctx.mozBackingStorePixelRatio ||
+            ctx.msBackingStorePixelRatio ||
+            ctx.oBackingStorePixelRatio ||
+            ctx.backingStorePixelRatio || 1;
+        return dpr / bsr;
+    }
+}
+class PixelRatioMonitorFacade {
+    constructor() {
+        this.mapWindowIdToPixelRatioMonitor = ( new Map());
+    }
+    _getOrCreatePixelRatioMonitor(targetWindow) {
+        const targetWindowId = getWindowId(targetWindow);
+        let pixelRatioMonitor = this.mapWindowIdToPixelRatioMonitor.get(targetWindowId);
+        if (!pixelRatioMonitor) {
+            pixelRatioMonitor = markAsSingleton(( new PixelRatioMonitorImpl(targetWindow)));
+            this.mapWindowIdToPixelRatioMonitor.set(targetWindowId, pixelRatioMonitor);
+            markAsSingleton(Event.once(onDidUnregisterWindow)(({ vscodeWindowId }) => {
+                if (vscodeWindowId === targetWindowId) {
+                    pixelRatioMonitor?.dispose();
+                    this.mapWindowIdToPixelRatioMonitor.delete(targetWindowId);
+                }
+            }));
+        }
+        return pixelRatioMonitor;
+    }
+    getInstance(targetWindow) {
+        return this._getOrCreatePixelRatioMonitor(targetWindow);
+    }
+}
+const PixelRatio = ( new PixelRatioMonitorFacade());
+export { PixelRatio };

package/vscode/src/vs/base/browser/ui/actionbar/actionViewItems.js

@@ -2,6 +2,7 @@ import { isFirefox } from '../../browser.js';
 import { DataTransfers } from '../../dnd.js';
 import { addDisposableListener, EventType, EventHelper } from '../../dom.js';
 import { Gesture, EventType as EventType$1 } from '../../touch.js';
+import { getDefaultHoverDelegate } from '../hover/hoverDelegate.js';
 import { setupCustomHover } from '../iconLabel/iconLabelHover.js';
 import { SelectBox } from '../selectBox/selectBox.js';
 import { Action, ActionRunner, Separator } from '../../../common/actions.js';
@@ -149,13 +150,13 @@ class BaseActionViewItem extends Disposable {
         }
         const title = this.getTooltip() ?? '';
         this.updateAriaLabel();
-        if (!this.options.hoverDelegate) {
+        if (this.options.hoverDelegate?.showNativeHover) {
             this.element.title = title;
         }
         else {
-            this.element.title = '';
             if (!this.customHover) {
-                this.customHover = setupCustomHover(this.options.hoverDelegate, this.element, title);
+                const hoverDelegate = this.options.hoverDelegate ?? getDefaultHoverDelegate('element');
+                this.customHover = setupCustomHover(hoverDelegate, this.element, title);
                 this._store.add(this.customHover);
             }
             else {

package/vscode/src/vs/base/browser/ui/actionbar/actionbar.css.js

@@ -1,4 +1,4 @@
 import n from '../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
-var css = ".monaco-action-bar{height:100%;white-space:nowrap}.monaco-action-bar .actions-container{align-items:center;display:flex;height:100%;margin:0 auto;padding:0;width:100%}.monaco-action-bar.vertical .actions-container{display:inline-block}.monaco-action-bar .action-item{align-items:center;cursor:pointer;display:block;justify-content:center;position:relative}.monaco-action-bar .action-item.disabled{cursor:default}.monaco-action-bar .action-item .codicon,.monaco-action-bar .action-item .icon{display:block}.monaco-action-bar .action-item .codicon{align-items:center;display:flex;height:16px;width:16px}.monaco-action-bar .action-label{border-radius:5px;display:flex;font-size:11px;padding:3px}.monaco-action-bar .action-item.disabled .action-label,.monaco-action-bar .action-item.disabled .action-label:before,.monaco-action-bar .action-item.disabled .action-label:hover{opacity:.6}.monaco-action-bar.vertical{text-align:left}.monaco-action-bar.vertical .action-item{display:block}.monaco-action-bar.vertical .action-label.separator{border-bottom:1px solid #bbb;display:block;margin-left:.8em;margin-right:.8em;padding-top:1px}.monaco-action-bar .action-item .action-label.separator{background-color:#bbb;cursor:default;height:16px;margin:5px 4px!important;min-width:1px;padding:0;width:1px}.secondary-actions .monaco-action-bar .action-label{margin-left:6px}.monaco-action-bar .action-item.select-container{align-items:center;display:flex;flex:1;justify-content:center;margin-right:10px;max-width:170px;min-width:60px;overflow:hidden}.monaco-action-bar .action-item.action-dropdown-item{display:flex}.monaco-action-bar .action-item.action-dropdown-item>.action-dropdown-item-separator{align-items:center;cursor:default;display:flex}.monaco-action-bar .action-item.action-dropdown-item>.action-dropdown-item-separator>div{width:1px}";
+var css = ".monaco-action-bar{height:100%;white-space:nowrap}.monaco-action-bar .actions-container{align-items:center;display:flex;height:100%;margin:0 auto;padding:0;width:100%}.monaco-action-bar.vertical .actions-container{display:inline-block}.monaco-action-bar .action-item{align-items:center;cursor:pointer;display:block;justify-content:center;position:relative}.monaco-action-bar .action-item.disabled{cursor:default}.monaco-action-bar .action-item .codicon,.monaco-action-bar .action-item .icon{display:block}.monaco-action-bar .action-item .codicon{align-items:center;display:flex;height:16px;width:16px}.monaco-action-bar .action-label{border-radius:5px;display:flex;font-size:11px;padding:3px}.monaco-action-bar .action-item.disabled .action-label,.monaco-action-bar .action-item.disabled .action-label:before,.monaco-action-bar .action-item.disabled .action-label:hover{color:var(--vscode-disabledForeground)}.monaco-action-bar.vertical{text-align:left}.monaco-action-bar.vertical .action-item{display:block}.monaco-action-bar.vertical .action-label.separator{border-bottom:1px solid #bbb;display:block;margin-left:.8em;margin-right:.8em;padding-top:1px}.monaco-action-bar .action-item .action-label.separator{background-color:#bbb;cursor:default;height:16px;margin:5px 4px!important;min-width:1px;padding:0;width:1px}.secondary-actions .monaco-action-bar .action-label{margin-left:6px}.monaco-action-bar .action-item.select-container{align-items:center;display:flex;flex:1;justify-content:center;margin-right:10px;max-width:170px;min-width:60px;overflow:hidden}.monaco-action-bar .action-item.action-dropdown-item{display:flex}.monaco-action-bar .action-item.action-dropdown-item>.action-dropdown-item-separator{align-items:center;cursor:default;display:flex}.monaco-action-bar .action-item.action-dropdown-item>.action-dropdown-item-separator>div{width:1px}";
 n(css,{});
 export { css, css as default };

package/vscode/src/vs/base/browser/ui/actionbar/actionbar.d.ts

@@ -33,7 +33,6 @@ interface IActionBarOptions {
     readonly actionRunner?: IActionRunner;
     readonly ariaLabel?: string;
     readonly ariaRole?: string;
-    readonly animated?: boolean;
     readonly triggerKeys?: ActionTrigger;
     readonly allowContextMenu?: boolean;
     readonly preventLoopNavigation?: boolean;
@@ -51,6 +50,7 @@ interface IActionOptions extends IActionViewItemOptions {
 }
 declare class ActionBar extends Disposable implements IActionRunner {
     private readonly options;
+    private readonly _hoverDelegate;
     private _actionRunner;
     private readonly _actionRunnerDisposables;
     private _context;

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

@@ -1,6 +1,7 @@
 import { addDisposableListener, EventType, trackFocus, getActiveElement, isAncestor, EventHelper, clearNode } from '../../dom.js';
 import { StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { BaseActionViewItem, ActionViewItem } from './actionViewItems.js';
+import { getDefaultHoverDelegate } from '../hover/hoverDelegate.js';
 import { ActionRunner, Separator } from '../../../common/actions.js';
 import { Emitter } from '../../../common/event.js';
 import { Disposable, DisposableStore, DisposableMap, dispose } from '../../../common/lifecycle.js';
@@ -29,6 +30,7 @@ class ActionBar extends Disposable {
             keyDown: this.options.triggerKeys?.keyDown ?? false,
             keys: this.options.triggerKeys?.keys ?? [3 , 10 ]
         };
+        this._hoverDelegate = options.hoverDelegate ?? this._register(getDefaultHoverDelegate('element', true));
         if (this.options.actionRunner) {
             this._actionRunner = this.options.actionRunner;
         }
@@ -42,9 +44,6 @@ class ActionBar extends Disposable {
         this.focusedItem = undefined;
         this.domNode = document.createElement('div');
         this.domNode.className = 'monaco-action-bar';
-        if (options.animated !== false) {
-            this.domNode.classList.add('animated');
-        }
         let previousKeys;
         let nextKeys;
         switch (this._orientation) {
@@ -231,7 +230,7 @@ class ActionBar extends Disposable {
             actionViewItemElement.className = 'action-item';
             actionViewItemElement.setAttribute('role', 'presentation');
             let item;
-            const viewItemOptions = { hoverDelegate: this.options.hoverDelegate, ...options };
+            const viewItemOptions = { hoverDelegate: this._hoverDelegate, ...options };
             if (this.options.actionViewItemProvider) {
                 item = this.options.actionViewItemProvider(action, viewItemOptions);
             }

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

@@ -3,6 +3,8 @@ import { sanitize } from '../../dompurify/dompurify.js';
 import { StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { renderMarkdown, renderStringAsPlaintext } from '../../markdownRenderer.js';
 import { Gesture, EventType as EventType$1 } from '../../touch.js';
+import { getDefaultHoverDelegate } from '../hover/hoverDelegate.js';
+import { setupCustomHover } from '../iconLabel/iconLabelHover.js';
 import { renderLabelWithIcons } from '../iconLabel/iconLabels.js';
 import { Action } from '../../../common/actions.js';
 import { Codicon } from '../../../common/codicons.js';
@@ -14,10 +16,12 @@ import './button.css.js';
 import { localizeWithPath } from '../../../../nls.js';
 class Button extends Disposable {
     get onDidClick() { return this._onDidClick.event; }
+    get onDidEscape() { return this._onDidEscape.event; }
     constructor(container, options) {
         super();
         this._label = '';
         this._onDidClick = this._register(( new Emitter()));
+        this._onDidEscape = this._register(( new Emitter()));
         this.options = options;
         this._element = document.createElement('a');
         this._element.classList.add('monaco-button');
@@ -59,6 +63,7 @@ class Button extends Disposable {
                 eventHandled = true;
             }
             else if (event.equals(9 )) {
+                this._onDidEscape.fire(e);
                 this._element.blur();
                 eventHandled = true;
             }
@@ -148,11 +153,18 @@ class Button extends Disposable {
                 labelElement.textContent = value;
             }
         }
+        let title = '';
         if (typeof this.options.title === 'string') {
-            this._element.title = this.options.title;
+            title = this.options.title;
         }
         else if (this.options.title) {
-            this._element.title = renderStringAsPlaintext(value);
+            title = renderStringAsPlaintext(value);
+        }
+        if (!this._hover) {
+            this._hover = this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), this._element, title));
+        }
+        else {
+            this._hover.update(title);
         }
         if (typeof this.options.ariaLabel === 'string') {
             this._element.setAttribute('aria-label', this.options.ariaLabel);
@@ -231,11 +243,11 @@ class ButtonWithDropdown extends Disposable {
         this.separatorContainer.style.backgroundColor = buttonBackground ?? '';
         this.separator.style.backgroundColor = options.buttonSeparator ?? '';
         this.dropdownButton = this._register(( new Button(this.element, { ...options, title: false, supportIcons: true })));
-        this.dropdownButton.element.title = ( localizeWithPath(
+        this._register(setupCustomHover(getDefaultHoverDelegate('mouse'), this.dropdownButton.element, ( localizeWithPath(
             'vs/base/browser/ui/button/button',
             "button dropdown more actions",
             'More Actions...'
-        ));
+        ))));
         this.dropdownButton.element.setAttribute('aria-haspopup', 'true');
         this.dropdownButton.element.setAttribute('aria-expanded', 'false');
         this.dropdownButton.element.classList.add('monaco-dropdown-button');