diff --git a/packages/node_modules/@node-red/nodes/core/common/lib/debug/debug-utils.js b/packages/node_modules/@node-red/nodes/core/common/lib/debug/debug-utils.js index 0a84b24c7..55216e2c2 100644 --- a/packages/node_modules/@node-red/nodes/core/common/lib/debug/debug-utils.js +++ b/packages/node_modules/@node-red/nodes/core/common/lib/debug/debug-utils.js @@ -536,10 +536,22 @@ RED.debug = (function() { e.stopPropagation(); showMessageMenu(filterMessage,debugMessage,sourceNode&&sourceNode.id); }); - $(''+ - (o.topic?topic+' : ':'')+ - (o.property?'msg.'+property:'msg')+" : "+format+ - '').appendTo(metaRow); + const msgInfos = `${o.topic ? " : " : ""}msg${o.property ? "." + property : ""} : ${format}` + const topicTruncated = RED.utils.truncateString((o.topic ? topic : ""), 120 - msgInfos.length); + const topicElem = $('' + topicTruncated + msgInfos + '').appendTo(metaRow); + if (topic !== topicTruncated) { + RED.popover.create({ + content: topic, + delay: { show: 750, hide: 50 }, + direction: "bottom", + interactive: true, + maxWidth: 300, + target: topicElem, + trigger: "hover", + tooltip: true, + size: "small" + }); + } } var atBottom = (sbc.scrollHeight-messageList.height()-sbc.scrollTop) < 5;