Merge pull request #98 from CSCfi/686-fix-autocomplete-blur

Fix: c-autocomplete: Clicking outside de-activates the field properly
CSCfi · Jan 10, 2024 · e4f54a4 · e4f54a4
2 parents 9d0c3b6 + 3fe1486
commit e4f54a4
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git 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<void>;
         /**

diff --git 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
@@ -30,7 +30,7 @@
 
 ### `close() => Promise<void>`
 
-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
@@ -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();