# Highlight nodes in search results list

**URL:** <https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747>\
**Category:** Core Development\
**Tags:** search\
**Created:** [22 November 2025 06:53 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747 "2025-11-22T06:53:14Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [22 November 2025 06:53 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/1 "2025-11-22T06:53:14Z")

</div>

Hi There,

I really enjoy the search functionality but one thing that irritates me is that I sometimes don't know which node is meant - since I can't remember which node I've already opened.

What I would like is that nodes are highlighted (see blinking border) when I move the mouse over the search result:

![node-highlight-search3](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/0/100195661fb11b81122cb80d8b1ddddf8d1fe4cb.gif)

This screencast is particularly pertinent because all nodes are called "template" (the connected nodes make the context clear).

To get this working, all I did was add these lines:

```javascript
div.on("mouseover", function(evt) {
    if ( node.z == RED.workspaces.active() ) {
       RED.view.reveal(node.id)
    }
});

```

[here](https://github.com/node-red/node-red/blob/7700aa9121c26a7ef39973c8ec5b097b96abc7e3/packages/node_modules/%40node-red/editor-client/src/js/ui/search.js#L442).

I explicitly don't change workspaces (to avoid confusion) by checking the 'z' property.

Is there general interest in this?

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [22 November 2025 17:52 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/2 "2025-11-22T17:52:12Z")

</div>

What happens if the search results are on different tabs ?

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [22 November 2025 18:05 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/3 "2025-11-22T18:05:01Z")

</div>

Nothing. No highlight, no switching of tabs.

That’s the current behaviour so there’s no change.

Hence this works best in conjunction with `flow:current`.

---

<div class="post-metadata">

**Author:** ![shrickus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/shrickus/32/517_2.png) [@shrickus](https://discourse.nodered.org/u/shrickus)\
**Post date:** [24 November 2025 18:44 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/4 "2025-11-24T18:44:56Z")

</div>

Yes, please!

So does the editor window underneath the search box shift around when a node is revealed that is outside the visible bounds of the viewport? Or worse, it's hidden behind the current Search results list? I find the revealed location to be somewhat random, so that might need some thought, too.

There are several things that would make the search more usable, imo. For instance, how can I search only for nodes that are enabled? I suspect there may be a way, but if I have 10 matches and only 2 are enabled, the disabled nodes should show up dotted in the search results (i.e. the same styling the editor uses), ideally at the end of the list.

Autocomplete for things like `type:template` would be nice to have, so we don't have to type the entire name.

And if I don't select any filters (e.g. "current flow") showing the ones on the current tab at the top of the search results would be most welcome.

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [25 November 2025 09:00 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/5 "2025-11-25T09:00:38Z")

</div>

And perhaps remove the gray overlay as well, not sure what it adds.

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [25 November 2025 09:14 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/6 "2025-11-25T09:14:52Z")

</div>

> [@bakman2](#):
>
> not sure what it adds.

because while the search dialog is open, you can't (and shouldn't) interact with the flow - which makes sense since the search content is a snapshot of your current flow --\> changing the flow would invalid that snapshot.

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [25 November 2025 09:22 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/7 "2025-11-25T09:22:17Z")

</div>

When clicking off the panel, it should hide it, just like vscode for example.

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [25 November 2025 10:01 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/8 "2025-11-25T10:01:44Z")

</div>

> [@bakman2](#):
>
> When clicking off the panel

??? it does do that

![Screen Recording 2025-11-25 at 10.41.03](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/c/2c904d6628e16bfa449cf337f789f19157fecbe7.gif)

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [25 November 2025 10:06 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/9 "2025-11-25T10:06:19Z")

</div>

> [@gregorius](#):
>
> it does do that

If only all editor popups behaved alike ...

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [25 November 2025 10:29 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/10 "2025-11-25T10:29:17Z")

</div>

Thats my point, there is no reason for the gray overlay

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [25 November 2025 10:46 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/11 "2025-11-25T10:46:29Z")

</div>

> [@bakman2](#):
>
> no reason for the gray overlay

I sense a circle starting up here - that was my point: the point of the overlay is that "don't modify the flow, I'm just searching it" - the grey overlay communicates that to the user. else it would be even more confusing.

it's a communication element to the user: you are now searching this flow, you can't modify the flow while searching. fullstop. there isn't a search and modify feature in NR.

And the click-out-and-disappear pattern is used for the editor and other panels, so this is a very Node-RED thing to be doing. Instead of a confirmation: "are you sure you want to exit the search?" dialog.

now: don't come and say "well the editor panel doesn't have a grey overlay when it's open" - no it doesn't but the plugins that aren't usable when the editor is open do! I guess there is a case to be made for removing the grey overly for search if the flow does become interactive (i.e. node highlights)....

I think I just went in a circle ....

EDIT: i guess I was off-base: the edit panel also activates the grey overlay - so it is consistent behaviour. crazy how this never really occurred to me.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [25 November 2025 11:42 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/12 "2025-11-25T11:42:23Z")

</div>

> [@gregorius](#):
>
> crazy how this never really occurred to me.

Not really, this is how UI's _should_ work! So intuitive that you don't notice. 😃

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [4 December 2025 11:10 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/13 "2025-12-04T11:10:36Z")

</div>

Sorry @gregorius but I am not understanding.

```auto
div.on("mouseover", function(evt) {
    if ( node.z == RED.workspaces.active() ) {
       RED.view.reveal(node.id)
    }
});

```

Is that in the actual `node-red/packages/node_modules/@node-red/editor-client/src/js/ui /search.js` code - as per the github stuff?

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [4 December 2025 11:28 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/14 "2025-12-04T11:28:35Z")

</div>

> [@Trying\_to\_learn](#):
>
> code - as per the github stuff?

No it's[1] nowhere near the actually source code, it's basically what I did to get it working - locally.

I'm using it over at Erlang-Red but can't - of course - use it inside Node-RED until someone inserts it there. For it to be inserted there, folks have to like it. For folks to like it, they have to post here in the forum saying "hey I like this, can we have this in Node-RED v5". For folks to post here, they need a keyboard .....

Anyone, this is an RFC - Request For Comment, including the code that is required to implement the feature.

I'm not going to create a pull request because I don't know whether it would get merged or not. In the meantime, I'll continue on using Erlang-Red.

EDIT:

[1]= clarification "it" are the ~~four~~ five lines of code I posted - they aren't in the source code but could be inserted at the point that I link to.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [4 December 2025 11:45 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/15 "2025-12-04T11:45:05Z")

</div>

@gregorius I can't think why we wouldn't chose to do this. A PR would be welcome - happy for this type of thing to slip into the `master` branch so would get picked up by any future 4.1.x maintenance release as well.

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [4 December 2025 12:05 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/16 "2025-12-04T12:05:17Z")

</div>

> [@knolleary](#):
>
> A PR would be welcome

> <https://github.com/node-red/node-red/pull/5368>
>
> \## Types of changes
> 
> This highlights nodes in the search results using a mouse…over trigger.
> 
> See forum https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747 for a discussion.
> 
> Put an \`x\` in the boxes that apply
> 
> \- \[\] Bugfix (non-breaking change which fixes an issue)
> \- \[x\] New feature (non-breaking change which adds functionality)
> 
> \## Proposed changes
> 
> Highlight nodes in the search results using mouseover. Only those nodes in the current active workspace are revealed. Switching between workspaces would be too confusing - IMHO.
> 
> 
> 
> \## Checklist
> 
> 
> \- \[x\] I have read the \[contribution guidelines\](https://github.com/node-red/node-red/blob/master/CONTRIBUTING.md)
> \- \[x\] For non-bugfix PRs, I have discussed this change on the forum/slack team.
> \- \[\] I have run \`npm run test\` to verify the unit tests pass
> \- \[\] I have added suitable unit tests to cover the new/changed functionality

e'Voila! 🙂

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [5 December 2025 20:58 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/17 "2025-12-05T20:58:42Z")

</div>

That would be kind of nice as I did mention this in my list of things wanted in the new release.

> [@Suggestions for Node Red 5.0](https://discourse.nodered.org/t/suggestions-for-node-red-5-0/99856/11):
>
> I may need to put my thinking hat on and look more into that. Thanks.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [5 December 2025 21:25 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/18 "2025-12-05T21:25:15Z")

</div>

Indeed it is there in the v5 beta. (though the orange highlight/flashing is hard to see due to the grey overlay - so will need some tweaking)

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [5 December 2025 21:26 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/19 "2025-12-05T21:26:49Z")

</div>

Just asking...

How _hard_ is it to change the colour?

As a lot of nodes are _orange_ in colour the contrast isn't that good.

So if it was a better colour, it would be easier to see.

(a lot of nodes: Said with tongue in cheek)

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [6 December 2025 08:59 UTC](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747/20 "2025-12-06T08:59:38Z")

</div>

> [@dceejay](#):
>
> orange highlight/flashing is hard to see

> [@Trying\_to\_learn](#):
>
> How _hard_ is it to change the colour?

I would not change a thing - my reasoning being that it is very hard to find something that works in all situations: A single node versus many hundreds, colour: function nodes (orange) or comment node (white).

The current solution is the same as all other highlights, i.e. the blinking border is always used when highlighting nodes. Having two different highlights might be confusing.

Perhaps the grey overlay could be less dark so that the blinking is easy to notice. But again might lead to confusion having two different overlays.

[Next page](https://discourse.nodered.org/t/highlight-nodes-in-search-results-list/99747.md?page=2)