fix(input): clearabed button focusabled on disabled

ovh · Mar 11, 2024 · 1600a5e · 1600a5e
1 parent 9170668
commit 1600a5e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/components/src/input/src/components/osds-input/osds-input.tsx b/packages/components/src/input/src/components/osds-input/osds-input.tsx
@@ -250,6 +250,7 @@ export class OsdsInput implements OdsInputAttribute, OdsInputEvent, OdsInputMeth
           isPassword && !loading && (
             <button
               class="osds-input__icon-button"
+              disabled={ this.disabled }
               onClick={ (): Promise<void> => this.hide() }
               onKeyUp={ (event: KeyboardEvent): Promise<void> => this.controller.handleKeySpace(event, this.hide) }>
               <osds-icon
@@ -266,6 +267,7 @@ export class OsdsInput implements OdsInputAttribute, OdsInputEvent, OdsInputMeth
           clearable && !loading && (
             <button
               class="osds-input__icon-button"
+              disabled={ this.disabled }
               onClick={ (): Promise<void> => this.clear() }
               onKeyUp={ (event: KeyboardEvent): Promise<void> => this.controller.handleKeySpace(event, this.clear) }>
               <osds-icon

diff --git a/packages/components/src/input/src/index.html b/packages/components/src/input/src/index.html
@@ -22,13 +22,13 @@
 <body style="margin: 0;">
   <button>1</button>
   <button>2</button>
-  <osds-input inline type="text" value="On Vous Héberge ?" clearable id="input"></osds-input>
+  <osds-input inline type="text" value="On Vous Héberge ?" clearable id="input" disabled></osds-input>
   <button>3</button>
 
   <script>
     const input = document.getElementById('input');
     input.addEventListener('focus', () => {
-      console.log('osds-input focus')
+      console.log('osds-input focus');
     })
   </script>
   <!-- <osds-input inline type="password" value="On Vous Héberge ?" disabled clearable></osds-input>