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;