js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 02:59:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Toggle visibility of the clear button (#1496)

Browse Source
This commit is contained in:
Tomas Drencak
2023-08-09 21:28:30 +02:00
committed by GitHub
parent 31ef2f7929
commit bf15f2fb8a
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/input/input.component.ts
View File

@@ -407,7 +407,9 @@ export default class SlInput extends ShoelaceElement implements ShoelaceFormCont
const hasLabel = this.label ? true : !!hasLabelSlot;
const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
const hasClearIcon =
this.clearable && !this.disabled && !this.readonly && (typeof this.value === 'number' || this.value.length > 0);
this.clearable && !this.disabled && !this.readonly;
const hasClearIconVisible =
hasClearIcon && (typeof this.value === 'number' || this.value.length > 0);
return html`
<div
@@ -497,6 +499,7 @@ export default class SlInput extends ShoelaceElement implements ShoelaceFormCont
type="button"
aria-label=${this.localize.term('clearEntry')}
@click=${this.handleClearClick}
style="visibility: ${hasClearIconVisible?'visible':'hidden'}"
tabindex="-1"
>
<slot name="clear-icon">