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

Prevents error if sl-input has value undefined (#513)

Browse Source 
The sl-input's value state being `undefined` is very common when using shoelace with frameworks. Instead of erroring out and not showing the input, this should handle it gracefully.
This commit is contained in:
Sidharth Ramesh
2021-08-30 17:55:25 +05:30
committed by GitHub
parent 147a8d2f57
commit da3415d029
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/input/input.ts
View File

@@ -295,7 +295,7 @@ export default class SlInput extends LitElement {
'input--pill': this.pill,
'input--disabled': this.disabled,
'input--focused': this.hasFocus,
'input--empty': this.value.length === 0,
'input--empty': this.value?.length === 0,
'input--invalid': this.invalid
})}
>
@@ -344,7 +344,7 @@ export default class SlInput extends LitElement {
@blur=${this.handleBlur}
/>
${this.clearable && this.value.length > 0
${this.clearable && this.value?.length > 0
? html`
<button
part="clear-button"