From e91e4ae551dd10d98282e11c14d642fa853f4b8a Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <Julia.Radzhabova@onlyoffice.com>
Date: Tue, 17 Sep 2024 19:10:19 +0300
Subject: [PATCH] InputField: hide errors on input

---
 apps/common/main/lib/component/InputField.js    | 17 +++++++++++++++--
 .../main/lib/view/DocumentPropertyDialog.js     |  3 +++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/apps/common/main/lib/component/InputField.js b/apps/common/main/lib/component/InputField.js
index 887f910335..882e181e97 100644
--- a/apps/common/main/lib/component/InputField.js
+++ b/apps/common/main/lib/component/InputField.js
@@ -73,7 +73,8 @@ define([
                 validateOnChange: false,
                 validateOnBlur: true,
                 disabled: false,
-                editable: true
+                editable: true,
+                hideErrorOnInput: false
             },
 
             template: _.template([
@@ -114,6 +115,7 @@ define([
                 this.validateOnChange = me.options.validateOnChange;
                 this.validateOnBlur = me.options.validateOnBlur;
                 this.maxLength      = me.options.maxLength;
+                this.hideErrorOnInput = me.options.hideErrorOnInput;
 
                 me.rendered         = me.options.rendered || false;
 
@@ -361,7 +363,12 @@ define([
                         if (modalParents.length > 0) {
                             errorBadge.data('bs.tooltip').tip().css('z-index', parseInt(modalParents.css('z-index')) + 10);
                         }
-
+                        if (me.hideErrorOnInput) {
+                            var onInputChanging = function() {
+                                me.showError();
+                            };
+                            me._input.one('input', onInputChanging);
+                        }
                         return errors;
                     }
                 } else {
@@ -391,6 +398,12 @@ define([
                     if (modalParents.length > 0) {
                         errorBadge.data('bs.tooltip').tip().css('z-index', parseInt(modalParents.css('z-index')) + 10);
                     }
+                    if (me.hideErrorOnInput) {
+                        var onInputChanging = function() {
+                            me.showError();
+                        };
+                        me._input.one('input', onInputChanging);
+                    }
                 } else {
                     me.cmpEl.removeClass('error');
                     me.cmpEl.removeClass('warning');
diff --git a/apps/common/main/lib/view/DocumentPropertyDialog.js b/apps/common/main/lib/view/DocumentPropertyDialog.js
index 5925a19076..18339f97be 100644
--- a/apps/common/main/lib/view/DocumentPropertyDialog.js
+++ b/apps/common/main/lib/view/DocumentPropertyDialog.js
@@ -88,6 +88,7 @@ define([], function () { 'use strict';
                 el: $('#id-dlg-title'),
                 allowBlank: false,
                 validateOnBlur: false,
+                hideErrorOnInput: true,
                 validation: function(value) {
                     return value.length === 0 ? this.txtPropertyTitleBlankError : true;
                 }
@@ -124,6 +125,7 @@ define([], function () { 'use strict';
                 el: $('#id-dlg-value-input'),
                 style: 'width: 100%;',
                 validateOnBlur: false,
+                hideErrorOnInput: true,
                 validation: function(value) {
                     if (value.length === 0) {
                         return this.txtPropertyValueBlankError;
@@ -168,6 +170,7 @@ define([], function () { 'use strict';
                 blankError  : this.txtPropertyValueBlankError,
                 validateOnBlur: false,
                 value       : '',
+                hideErrorOnInput: true,
                 dataHint    : '1',
                 dataHintDirection: 'left',
                 dataHintOffset: 'small'