monaco-editor-core 0.57.0 → 0.58.0-dev-20261104

package/esm/vs/base/browser/ui/list/listWidget.js

@@ -110,6 +110,10 @@ class Trait {
                 sortedIndexes.push(j + start);
             }
         }
+        // Skip the indexes of the deleted elements, so the indexes after them are preserved
+        while (i < this.sortedIndexes.length && this.sortedIndexes[i] < end) {
+            i++;
+        }
         while (i < this.sortedIndexes.length && this.sortedIndexes[i] >= end) {
             sortedIndexes.push(this.sortedIndexes[i++] + diff);
         }
@@ -507,13 +511,26 @@ class DOMFocusController {
         if (!focusedDomElement) {
             return;
         }
-        // eslint-disable-next-line no-restricted-syntax
-        const tabIndexElement = focusedDomElement.querySelector('[tabIndex]');
-        if (!tabIndexElement || !(isHTMLElement(tabIndexElement)) || tabIndexElement.tabIndex === -1) {
-            return;
-        }
-        const style = getWindow(tabIndexElement).getComputedStyle(tabIndexElement);
-        if (style.visibility === 'hidden' || style.display === 'none') {
+        const findTabbableElement = (element) => {
+            for (const child of element.children) {
+                if (!isHTMLElement(child)) {
+                    continue;
+                }
+                if (child.hasAttribute('tabIndex') && child.tabIndex !== -1 && !child.matches(':disabled')) {
+                    const style = getWindow(child).getComputedStyle(child);
+                    if (style.visibility !== 'hidden' && style.display !== 'none' && child.getClientRects().length > 0) {
+                        return child;
+                    }
+                }
+                const descendant = findTabbableElement(child);
+                if (descendant) {
+                    return descendant;
+                }
+            }
+            return undefined;
+        };
+        const tabIndexElement = findTabbableElement(focusedDomElement);
+        if (!tabIndexElement) {
             return;
         }
         e.preventDefault();
@@ -700,19 +717,21 @@ export class DefaultStyleController {
     style(styles) {
         const suffix = this.selectorSuffix && `.${this.selectorSuffix}`;
         const content = [];
+        // `.hovered` renders a row's pointer-hover state without a pointer, e.g. in component fixtures.
+        const hover = ':is(:hover, .hovered)';
         if (styles.listBackground) {
             content.push(`.monaco-list${suffix} .monaco-list-rows { background: ${styles.listBackground}; }`);
         }
         if (styles.listFocusBackground) {
             content.push(`.monaco-list${suffix}:focus .monaco-list-row.focused { background-color: ${styles.listFocusBackground}; }`);
-            content.push(`.monaco-list${suffix}:focus .monaco-list-row.focused:hover { background-color: ${styles.listFocusBackground}; }`); // overwrite :hover style in this case!
+            content.push(`.monaco-list${suffix}:focus .monaco-list-row.focused${hover} { background-color: ${styles.listFocusBackground}; }`); // overwrite :hover style in this case!
         }
         if (styles.listFocusForeground) {
             content.push(`.monaco-list${suffix}:focus .monaco-list-row.focused { color: ${styles.listFocusForeground}; }`);
         }
         if (styles.listActiveSelectionBackground) {
             content.push(`.monaco-list${suffix}:focus .monaco-list-row.selected { background-color: ${styles.listActiveSelectionBackground}; }`);
-            content.push(`.monaco-list${suffix}:focus .monaco-list-row.selected:hover { background-color: ${styles.listActiveSelectionBackground}; }`); // overwrite :hover style in this case!
+            content.push(`.monaco-list${suffix}:focus .monaco-list-row.selected${hover} { background-color: ${styles.listActiveSelectionBackground}; }`); // overwrite :hover style in this case!
         }
         if (styles.listActiveSelectionForeground) {
             content.push(`.monaco-list${suffix}:focus .monaco-list-row.selected { color: ${styles.listActiveSelectionForeground}; }`);
@@ -734,27 +753,27 @@ export class DefaultStyleController {
         }
         if (styles.listInactiveFocusForeground) {
             content.push(`.monaco-list${suffix} .monaco-list-row.focused { color:  ${styles.listInactiveFocusForeground}; }`);
-            content.push(`.monaco-list${suffix} .monaco-list-row.focused:hover { color:  ${styles.listInactiveFocusForeground}; }`); // overwrite :hover style in this case!
+            content.push(`.monaco-list${suffix} .monaco-list-row.focused${hover} { color:  ${styles.listInactiveFocusForeground}; }`); // overwrite :hover style in this case!
         }
         if (styles.listInactiveSelectionIconForeground) {
             content.push(`.monaco-list${suffix} .monaco-list-row.focused .codicon { color:  ${styles.listInactiveSelectionIconForeground}; }`);
         }
         if (styles.listInactiveFocusBackground) {
             content.push(`.monaco-list${suffix} .monaco-list-row.focused { background-color:  ${styles.listInactiveFocusBackground}; }`);
-            content.push(`.monaco-list${suffix} .monaco-list-row.focused:hover { background-color:  ${styles.listInactiveFocusBackground}; }`); // overwrite :hover style in this case!
+            content.push(`.monaco-list${suffix} .monaco-list-row.focused${hover} { background-color:  ${styles.listInactiveFocusBackground}; }`); // overwrite :hover style in this case!
         }
         if (styles.listInactiveSelectionBackground) {
             content.push(`.monaco-list${suffix} .monaco-list-row.selected { background-color:  ${styles.listInactiveSelectionBackground}; }`);
-            content.push(`.monaco-list${suffix} .monaco-list-row.selected:hover { background-color:  ${styles.listInactiveSelectionBackground}; }`); // overwrite :hover style in this case!
+            content.push(`.monaco-list${suffix} .monaco-list-row.selected${hover} { background-color:  ${styles.listInactiveSelectionBackground}; }`); // overwrite :hover style in this case!
         }
         if (styles.listInactiveSelectionForeground) {
             content.push(`.monaco-list${suffix} .monaco-list-row.selected { color: ${styles.listInactiveSelectionForeground}; }`);
         }
         if (styles.listHoverBackground) {
-            content.push(`.monaco-list${suffix}:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused) { background-color: ${styles.listHoverBackground}; }`);
+            content.push(`.monaco-list${suffix}:not(.drop-target):not(.dragging) .monaco-list-row${hover}:not(.selected):not(.focused) { background-color: ${styles.listHoverBackground}; }`);
         }
         if (styles.listHoverForeground) {
-            content.push(`.monaco-list${suffix}:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused) { color:  ${styles.listHoverForeground}; }`);
+            content.push(`.monaco-list${suffix}:not(.drop-target):not(.dragging) .monaco-list-row${hover}:not(.selected):not(.focused) { color:  ${styles.listHoverForeground}; }`);
         }
         /**
          * Outlines
@@ -781,7 +800,7 @@ export class DefaultStyleController {
             content.push(`.monaco-list${suffix} .monaco-list-row.focused { outline: 1px dotted ${styles.listInactiveFocusOutline}; outline-offset: -1px; }`);
         }
         if (styles.listHoverOutline) { // default: activeContrastBorder
-            content.push(`.monaco-list${suffix} .monaco-list-row:hover { outline: 1px dashed ${styles.listHoverOutline}; outline-offset: -1px; }`);
+            content.push(`.monaco-list${suffix} .monaco-list-row${hover} { outline: 1px dashed ${styles.listHoverOutline}; outline-offset: -1px; }`);
         }
         if (styles.listDropOverBackground) {
             content.push(`
@@ -1265,6 +1284,9 @@ export class List {
     get firstVisibleIndex() {
         return this.view.firstVisibleIndex;
     }
+    get lastVisibleIndex() {
+        return this.view.lastVisibleIndex;
+    }
     get ariaLabel() {
         return this._ariaLabel;
     }