-
Notifications
You must be signed in to change notification settings - Fork 3.8k
Tooltip in sidebar displays <br> as literal text instead of line break #5497
Description
Current Behavior
When setting a tooltip in the sidebar (e.g., node configuration panel), the tooltip renders
as a literal string instead of interpreting it as a line break.
Example of what is shown in the UI:
Invalid properties:<br> - logonType<br> - maxConnections
Instead of rendering as:
Invalid properties:
- logonType
- maxConnections
Current Behavior:
Tooltip only accepts plain strings.
Content is rendered using text() (likely for security reasons).
As a result, HTML tags such as <br> are displayed as literal text.
This causes formatting issues in the sidebar where multi-line messages are needed.
So i see from code in packages/node_modules/@node-red/editor-client/src/js/ui/tab-config.js:213
that it's sending <br>.
I could create a pull request but need to know the appropriate path for the fix (instead of br we can simply use , for multiple fileds)
Expected Behavior
Invalid properties:
- logonType
- maxConnections
So Tooltips should either:
Support safe multi-line rendering (e.g., converting \n to line breaks), or
Allow limited/sanitized HTML such as <br>.
Steps To Reproduce
modify any configuration node that has more than 1 validation and make both fields invalid and check sidebar Configuration node tab
Environment
- Node-RED version: 4.1.5
- Node.js version: v22.18.0
- npm version: 10.9.3
- Platform/OS: Windows 11
- Browser: Firefox or Chrome this are the ones i checked it on