From 26a4235028100dd1db8463eac3d49cf41df1e858 Mon Sep 17 00:00:00 2001
From: GogoVega <92022724+GogoVega@users.noreply.github.com>
Date: Mon, 27 Nov 2023 10:55:27 +0100
Subject: [PATCH] Add support of propty validation msg 4 typeField

---
 .../@node-red/editor-client/src/js/ui/editor.js   | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/editor.js b/packages/node_modules/@node-red/editor-client/src/js/ui/editor.js
index 0ef3892e7..b7cabd785 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/editor.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/editor.js
@@ -237,7 +237,13 @@ RED.editor = (function() {
             if (defaults[property].hasOwnProperty("format") && defaults[property].format !== "" && input[0].nodeName === "DIV") {
                 value = input.text();
             }
-            var valid = validateNodeProperty(node, defaults, property,value);
+            const isTypeField =
+                input.attr("type") === "hidden" &&
+                input.css("display") === "none" &&
+                input.attr("class") !== "red-ui-typedInput" &&
+                input.closest("div").find("input").length >= 2;
+            input = isTypeField ? input.closest("div").find("input[class='red-ui-typedInput']") : input;
+            var valid = validateNodeProperty(node, defaults, property, value);
             if (((typeof valid) === "string") || !valid) {
                 input.addClass("input-error");
                 input.next(".red-ui-typedInput-container").addClass("input-error");
@@ -245,9 +251,10 @@ RED.editor = (function() {
                     var tooltip = input.data("tooltip");
                     if (tooltip) {
                         tooltip.setContent(valid);
-                    }
-                    else {
-                        tooltip = RED.popover.tooltip(input, valid);
+                    } else {
+                        const typedInput = input.next(".red-ui-typedInput-container").find(".red-ui-typedInput-input-wrap");
+                        const target = typedInput.length > 0 ? typedInput : input;
+                        tooltip = RED.popover.tooltip(target, valid);
                         input.data("tooltip", tooltip);
                     }
                 }