@lumx/react 4.12.0-next.2 → 4.12.0-next.3

package/index.js

@@ -2509,6 +2509,9 @@ const ENABLED_CHIP_SELECTOR = `.${CLASSNAME$1j}:not([aria-disabled="true"])`;
 /** Find the closest chip element from an event target. */
 const getChip = target => target?.closest?.(`.${CLASSNAME$1j}`) || null;
 
+/** Whether the chip is marked as disabled via aria-disabled. */
+const isChipDisabled = chip => chip?.getAttribute('aria-disabled') === 'true';
+
 /**
  * Options for setting up selection chip group event handlers.
  * All option accessors are wrapped in getters so that React/Vue can provide
@@ -2563,7 +2566,9 @@ function setupSelectionChipGroupEvents(options) {
   const handleClick = evt => {
     const chip = getChip(evt.target);
     const optionId = chip?.dataset.optionId;
-    if (optionId == null) return;
+    if (optionId == null || isChipDisabled(chip)) {
+      return;
+    }
     evt.stopImmediatePropagation();
     removeOption(options, optionId);
   };
@@ -2576,7 +2581,9 @@ function setupSelectionChipGroupEvents(options) {
     const chip = getChip(evt.target);
     const optionId = chip?.dataset.optionId;
     const activatingKey = evt.key === 'Enter' || evt.key === ' ' || evt.key === 'Backspace';
-    if (optionId == null || !activatingKey) return;
+    if (optionId == null || !activatingKey || isChipDisabled(chip)) {
+      return;
+    }
     if (evt.key === 'Backspace') {
       // Move focus to previous option (instead of next in listbox)
       const previousChip = findPreviousChip(container, chip);