From 4c5fa3c82f9d02c06dc462510b0f5a1b451c18a3 Mon Sep 17 00:00:00 2001
From: Sergei Aksenov <aksenovdev@gmail.com>
Date: Fri, 14 May 2021 21:44:16 +0700
Subject: [PATCH] fix(TextField): Fix displaying numeric value

---
 .../src/components/TextField/TextField.svelte              | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/svelte-materialify/src/components/TextField/TextField.svelte b/packages/svelte-materialify/src/components/TextField/TextField.svelte
index dec42ca7..1704d030 100644
--- a/packages/svelte-materialify/src/components/TextField/TextField.svelte
+++ b/packages/svelte-materialify/src/components/TextField/TextField.svelte
@@ -1,4 +1,5 @@
 <script>
+  import { afterUpdate } from 'svelte';
   import Input from '../Input';
   import Icon from '../Icon';
   import uid from '../../internal/uid';
@@ -34,6 +35,12 @@
   $: labelActive = !!placeholder || value || focused;
   let errorMessages = [];
 
+  afterUpdate(() => {
+    if (typeof value !== 'string') {
+      value = (value ?? '').toString();
+    }
+  });
+
   export function validate() {
     errorMessages = rules.map((r) => r(value)).filter((r) => typeof r === 'string');
     if (errorMessages.length) error = true;