fix(btn): only render clear button when input is not disabled #309

AlaskaAirlines · May 7, 2024 · 00c3e1f · 00c3e1f
1 parent 2ca091f
commit 00c3e1f
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/src/auro-input.js b/src/auro-input.js
@@ -115,15 +115,17 @@ export class AuroInput extends BaseInput {
                 </button>
               </div>
             ` : undefined}
-            <div class="notification">
-              <button
-                class="notificationBtn clearBtn"
-                aria-hidden="true"
-                tabindex="-1"
-                @click="${this.handleClickClear}">
-                ${this.readonly ? undefined : this.closeSvg}
-              </button>
-            </div>
+            ${!this.disabled ? html`
+              <div class="notification">
+                <button
+                  class="notificationBtn clearBtn"
+                  aria-hidden="true"
+                  tabindex="-1"
+                  @click="${this.handleClickClear}">
+                  ${this.readonly ? undefined : this.closeSvg}
+                </button>
+              </div>
+            ` : undefined}
           ` : undefined}
         </div>
       </div>