Fixed value = null error; closes #187

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 - Fixed a bug where clicking a tag in `sl-select` wouldn't toggle the menu
 - Fixed a bug where options where `sl-select` options weren't always visible or scrollable
+- Fixed a bug where setting `null` on `sl-input`, `sl-textarea`, or `sl-select` would throw an error
 
 ## 2.0.0-beta.16
 

src/components/input/input.tsx

@@ -264,7 +264,7 @@ export class Input {
             '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--valid': this.valid,
             'input--invalid': this.invalid
           }}

src/components/select/select.tsx

@@ -361,7 +361,7 @@ export class Select {
           class={{
             select: true,
             'select--open': this.isOpen,
-            'select--empty': this.value.length === 0,
+            'select--empty': this.value?.length === 0,
             'select--focused': this.hasFocus,
             'select--disabled': this.disabled,
             'select--multiple': this.multiple,

src/components/textarea/textarea.tsx

@@ -224,7 +224,7 @@ export class Textarea {
             // States
             'textarea--disabled': this.disabled,
             'textarea--focused': this.hasFocus,
-            'textarea--empty': this.value.length === 0,
+            'textarea--empty': this.value?.length === 0,
             'textarea--valid': this.valid,
             'textarea--invalid': this.invalid,