fix: fixing change in FF for numeric types

Author: jarrodek

api-property-form-item.js

@@ -162,6 +162,7 @@ class ApiPropertyFormItem extends ValidatableMixin(LitElement) {
       ?legacy="${legacy}"
       data-type="input"
       @input="${this._inputHandler}"
+      @change="${this._inputChangeHandler}"
       invalidmessage="${`${name} did not pass validation`}">
       <label slot="label">${model.schema.inputLabel}</label>
       </anypoint-input>`;
@@ -606,6 +607,11 @@ class ApiPropertyFormItem extends ValidatableMixin(LitElement) {
     this.value = e.target.value;
   }
 
+  _inputChangeHandler(e) {
+    // in FF input event won't fire for number type and when using arrow up/down.
+    this.value = e.target.value;
+  }
+
   _arrayValueHandler(e) {
     const index = Number(e.target.dataset.index);
     if (index !== index) {