fix(storybook): increase clickable area (#1130)

deven-org · Jul 8, 2024 · 35fc644 · 35fc644
1 parent 2f9be81
commit 35fc644
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/ui-library/src/components/input-field-text/index.ts b/packages/ui-library/src/components/input-field-text/index.ts
@@ -115,6 +115,19 @@ export class BlrInputFieldText extends LitElementCustom {
     }
   };
 
+  protected firstUpdated(): void {
+    const inputWrapper = this.shadowRoot?.querySelector('.blr-input-wrapper');
+    if (inputWrapper) {
+      inputWrapper.addEventListener('click', this.handleWrapperClick);
+    }
+  }
+
+  protected handleWrapperClick = (): void => {
+    if (!this.disabled) {
+      this._inputFieldTextNode.focus();
+    }
+  };
+
   protected handleIconClick: BlrIconEventHandlers['blrClick'] = () => {
     if (this.disabled) {
       return;