From 3fe1486f0f7a65de37730d56510489db6bdb94a0 Mon Sep 17 00:00:00 2001 From: Ville Eriksson Date: Thu, 4 Jan 2024 13:23:31 +0200 Subject: [PATCH] Fix: c-autocomplete: Clicking outside de-activates the field properly --- packages/csc-ui/src/components.d.ts | 2 +- packages/csc-ui/src/components/c-dropdown/c-dropdown.tsx | 2 +- packages/csc-ui/src/components/c-dropdown/readme.md | 2 +- packages/csc-ui/src/components/c-input/c-input.tsx | 7 +++---- 4 files changed, 6 insertions(+), 7 deletions(-) diff --git a/packages/csc-ui/src/components.d.ts b/packages/csc-ui/src/components.d.ts index c0e24a91..b1e3ca34 100644 --- a/packages/csc-ui/src/components.d.ts +++ b/packages/csc-ui/src/components.d.ts @@ -436,7 +436,7 @@ export namespace Components { } interface CDropdown { /** - * Open dropdown + * Close dropdown */ "close": () => Promise; /** diff --git a/packages/csc-ui/src/components/c-dropdown/c-dropdown.tsx b/packages/csc-ui/src/components/c-dropdown/c-dropdown.tsx index e79e1c67..a01432ad 100644 --- a/packages/csc-ui/src/components/c-dropdown/c-dropdown.tsx +++ b/packages/csc-ui/src/components/c-dropdown/c-dropdown.tsx @@ -163,7 +163,7 @@ export class CDropdown { } /** - * Open dropdown + * Close dropdown */ @Method() async close() { diff --git a/packages/csc-ui/src/components/c-dropdown/readme.md b/packages/csc-ui/src/components/c-dropdown/readme.md index d198d6fa..1e0ad582 100644 --- a/packages/csc-ui/src/components/c-dropdown/readme.md +++ b/packages/csc-ui/src/components/c-dropdown/readme.md @@ -30,7 +30,7 @@ ### `close() => Promise` -Open dropdown +Close dropdown #### Returns diff --git a/packages/csc-ui/src/components/c-input/c-input.tsx b/packages/csc-ui/src/components/c-input/c-input.tsx index 20b88ab6..1204c262 100644 --- a/packages/csc-ui/src/components/c-input/c-input.tsx +++ b/packages/csc-ui/src/components/c-input/c-input.tsx @@ -323,10 +323,9 @@ export class CInput { private _onBlur = () => { // delay the blur event to prevent the label from 'flashing' on c-select selection setTimeout(() => { - if (!this.active) { - this.isFocused = false; - this._hasBlurred = true; - } + this.isFocused = false; + + this._hasBlurred = true; // show the label if there's no label or value this._onReset();