From 116919c5904430c79d03fb6a5318bedad01ff6c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Murat=20=C3=87orlu?=
 <127687+muratcorlu@users.noreply.github.com>
Date: Thu, 8 Sep 2022 09:03:09 +0200
Subject: [PATCH] fix(input): listen value changes in native input (#219)

---
 src/components/input/bl-input.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/input/bl-input.ts b/src/components/input/bl-input.ts
index 99fda74b..9fe9788a 100644
--- a/src/components/input/bl-input.ts
+++ b/src/components/input/bl-input.ts
@@ -2,6 +2,7 @@ import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+import { live } from 'lit/directives/live.js';
 import { event, EventDispatcher } from '../../utilities/event';
 import '../icon/bl-icon';
 
@@ -41,8 +42,8 @@ export default class BlInput extends LitElement {
   /**
    * Sets initial value of the input
    */
-  @property({})
-  value?: string;
+  @property()
+  value = '';
 
   /**
    * Makes input a mandatory field
@@ -189,7 +190,7 @@ export default class BlInput extends LitElement {
       <input
         type=${this.type}
         class=${classMap(classes)}
-        value=${ifDefined(this.value)}
+        .value=${live(this.value)}
         placeholder="${ifDefined(this.placeholder)}"
         minlength="${ifDefined(this.minlength)}"
         maxlength="${ifDefined(this.maxlength)}"