# Dashboard Sidebar Not Working in Chrome

**URL:** <https://discourse.nodered.org/t/dashboard-sidebar-not-working-in-chrome/81145>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [8 September 2023 13:58 UTC](https://discourse.nodered.org/t/dashboard-sidebar-not-working-in-chrome/81145 "2023-09-08T13:58:20Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![dudleyjosh](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dudleyjosh/32/105799_2.png) [@dudleyjosh](https://discourse.nodered.org/u/dudleyjosh)\
**Post date:** [8 September 2023 13:58 UTC](https://discourse.nodered.org/t/dashboard-sidebar-not-working-in-chrome/81145/1 "2023-09-08T13:58:21Z")

</div>

All of a sudden (probably after a Chrome update which shows as Version 116.0.5845.179) the Dashboard is empty in the Node-RED editor sidebar. It works fine in both Safari and Brave but I get the errors shown in the screenshot below with Chrome (you can see that the Dashboard sidebar is empty in the screenshot too).

 ![Screenshot 2023-09-08 at 9.51.08 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/5/c5ac80ea6f502a4285181a7815c061b9c5d0b76d.png)

`VM230:630 Uncaught ReferenceError: tinycolor is not defined`  
`at Object.leastReadable (<anonymous>:630:37)`  
`at Object.whiteBlackLeastReadable (<anonymous>:648:37)`  
`at Object.calculate_page_sidebar_backgroundColor (<anonymous>:666:34)`  
`at ensureDashboardNode (<anonymous>:773:74)`  
`at Object.addTabOrLinkItem [as addItem] (<anonymous>:1541:21)`  
`at V.<computed>.<computed>.insertItemAt (red.min.js?v=:18:27668)`  
`at a.<computed> [as insertItemAt] (vendor.js?v=:10:1122)`  
`at V.<computed>.<computed>.addItem (red.min.js?v=:18:27867)`  
`at a.<computed> [as addItem] (vendor.js?v=:10:1122)`  
`at HTMLOListElement.<anonymous> (vendor.js?v=:10:2133)`

Any ideas of how to address this?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [8 September 2023 14:12 UTC](https://discourse.nodered.org/t/dashboard-sidebar-not-working-in-chrome/81145/2 "2023-09-08T14:12:03Z")

</div>

It kinda looks like you have files missing or bad install.

First try restarting Node-RED and doing a hard refresh (CTRL+F5)

If that is no good...

- Try a different browser
- Try without any browser add-ins (incognito mode might help)
- How did you install NR 3.1.0?
- Where is NR installed? (PI? Docker on same computer/other computer? Windows? etc)

---

<div class="post-metadata">

**Author:** ![dudleyjosh](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dudleyjosh/32/105799_2.png) [@dudleyjosh](https://discourse.nodered.org/u/dudleyjosh)\
**Post date:** [8 September 2023 14:19 UTC](https://discourse.nodered.org/t/dashboard-sidebar-not-working-in-chrome/81145/3 "2023-09-08T14:19:43Z")

</div>

In this scenario Node-RED (v3.1) was installed (upgraded from v3.0.2) using the Raspberry Pi install script.

I am accessing that Node-RED instance from my MacBook and as mentioned in my original post it works fine in both Safari and Brave browser but it doesn't work in Chrome.

Per your suggestion, I tried it in incognito mode and that does work so it must be related to one of the browser add-ins?

Thanks for the help... now to figure out which add-in is causing the problem.

---

<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:** [8 September 2023 20:04 UTC](https://discourse.nodered.org/t/dashboard-sidebar-not-working-in-chrome/81145/4 "2023-09-08T20:04:14Z")

</div>

Did you do a forced refresh to clear the browser cache? This is nearly always caused by a sticky cache retaining something it shouldn't.

---

<div class="post-metadata">

**Author:** ![dudleyjosh](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dudleyjosh/32/105799_2.png) [@dudleyjosh](https://discourse.nodered.org/u/dudleyjosh)\
**Post date:** [8 September 2023 20:09 UTC](https://discourse.nodered.org/t/dashboard-sidebar-not-working-in-chrome/81145/5 "2023-09-08T20:09:24Z")

</div>

Yeah, that was the first thing I tried for the reason you stated... but it didn't help ☹

---

<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:** [8 September 2023 20:38 UTC](https://discourse.nodered.org/t/dashboard-sidebar-not-working-in-chrome/81145/6 "2023-09-08T20:38:39Z")

</div>

> [@dudleyjosh](#):
>
> tinycolor

OK, so that should be included in the file `app.min.js` to check whether it is loaded when you have the Dashboard page open. You can see it in the dev tools and search for "tinycolor".

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [8 October 2023 20:39 UTC](https://discourse.nodered.org/t/dashboard-sidebar-not-working-in-chrome/81145/7 "2023-10-08T20:39:14Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.