diff --git a/package.json b/package.json index 07fd75c..ead217e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "basecoat", - "version": "0.3.0", + "version": "0.3.1", "description": "shadcn/ui for the rest of us", "author": "hunvreus", "type": "module", diff --git a/packages/cli/package.json b/packages/cli/package.json index 23d9447..645af94 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -1,6 +1,6 @@ { "name": "basecoat-cli", - "version": "0.3.0", + "version": "0.3.1", "description": "Add Basecoat components to your project", "author": "hunvreus", "license": "MIT", diff --git a/packages/css/package.json b/packages/css/package.json index 6a6d3fc..7de3237 100644 --- a/packages/css/package.json +++ b/packages/css/package.json @@ -1,6 +1,6 @@ { "name": "basecoat-css", - "version": "0.3.0", + "version": "0.3.1", "description": "Tailwind CSS for Basecoat components", "author": { "name": "hunvreus", diff --git a/src/js/select.js b/src/js/select.js index b648f28..28ce8a4 100644 --- a/src/js/select.js +++ b/src/js/select.js @@ -45,18 +45,20 @@ return parseFloat(style.transitionDuration) > 0 || parseFloat(style.transitionDelay) > 0; }; - const updateValue = (option) => { + const updateValue = (option, triggerEvent = true) => { if (option) { selectedLabel.innerHTML = option.dataset.label || option.innerHTML; input.value = option.dataset.value; listbox.querySelector('[role="option"][aria-selected="true"]')?.removeAttribute('aria-selected'); option.setAttribute('aria-selected', 'true'); - const event = new CustomEvent('change', { - detail: { value: option.dataset.value }, - bubbles: true - }); - selectComponent.dispatchEvent(event); + if (triggerEvent) { + const event = new CustomEvent('change', { + detail: { value: option.dataset.value }, + bubbles: true + }); + selectComponent.dispatchEvent(event); + } } }; @@ -124,7 +126,7 @@ let initialOption = options.find(opt => opt.dataset.value === input.value); if (!initialOption && options.length > 0) initialOption = options[0]; - updateValue(initialOption); + updateValue(initialOption, false); const handleKeyNavigation = (event) => { const isPopoverOpen = popover.getAttribute('aria-hidden') === 'false';