Skip to content

Tooltip in sidebar displays <br> as literal text instead of line break #5497

@AGhorab-upland

Description

@AGhorab-upland

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)

Image

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions