diff --git a/src/platform/assets/components/AssetCard.vue b/src/platform/assets/components/AssetCard.vue index 299599e5ea..b2a801af5c 100644 --- a/src/platform/assets/components/AssetCard.vue +++ b/src/platform/assets/components/AssetCard.vue @@ -165,6 +165,12 @@ onClickOutside( cardRef, () => { if (focused) { + const activeElement = document.activeElement + const isSelectInPanel = + activeElement?.tagName === 'SELECT' && + activeElement.closest('[data-component-id="ModelInfoPanel"]') + if (isSelectInPanel) return + emit('blur') } }, diff --git a/src/platform/assets/components/modelInfo/ModelInfoPanel.vue b/src/platform/assets/components/modelInfo/ModelInfoPanel.vue index 117a111270..369e855aa2 100644 --- a/src/platform/assets/components/modelInfo/ModelInfoPanel.vue +++ b/src/platform/assets/components/modelInfo/ModelInfoPanel.vue @@ -140,7 +140,7 @@ :disabled="isImmutable" :placeholder="$t('assetBrowser.modelInfo.descriptionPlaceholder')" rows="3" - class="w-full resize-y rounded-lg border-2 border-transparent bg-secondary-background px-3 py-2 text-sm text-base-foreground outline-none focus:border-node-component-border disabled:cursor-not-allowed disabled:opacity-50" + class="w-full resize-y rounded-lg border border-transparent bg-transparent px-3 py-2 text-sm text-component-node-foreground outline-none transition-colors focus:bg-component-node-widget-background disabled:pointer-events-none" />