Dropdown list in Canvas plugin (for background image select) doesn't expand

[desoha]

Hello Grafana community,

I have a virtual server with Debian 11 on Synology NAS DS920+ and Grafana v11.4.0 on it. Enterprise (Free & unlicensed).

For access from the Internet, I use the domain generated for me by Synology NAS, grafana is available locally via http://localhost:3000
and from the Internet via something like https://xxx.dsnasdomain.me

There is a reverse proxy between the internet and grafana, which I configure directly through the Synology NAS user interface, thanks to which I can access from the internet via https://

Some time ago I started using the “Canvas” plugin, now I need to put a background image, but something is wrong, when I click on the dropdown list to select a background image, the dropdown list does not expand, or sometimes it only shows for a very short moment, rather I would say that it flashes and disappears, but only sometimes, usually it does not respond to clicking with the mouse cursor.

If I manage to catch it, I will add a picture with the problem that is occurring.

I have tried several browsers on the computer, also on the mobile phone, everywhere this defect is manifested. I have no idea what could be causing it. All other dropdowns in Grafana and various plugins work as expected.

I also searched the discussions here and elsewhere, but I couldn’t find anyone describing a similar problem.

Does anyone have any idea what could be causing this?

[yosiasz]

Any errors in your browser console? Or network tab?

[desoha]

Google Chrome show this in console:

[desoha]

And this in “Network”
(The items in the “Network” list of the tab are added there when I click on the drop-down menu, which does not expand):

[desoha]

The problem manifest itself as:

[desoha]

And now, during the configuration, I discovered that the “Set icon” menu in “Value mappings” also shows a similar defect:

[yosiasz]

very odd indeed. I would a couple of things

1. Try this just to eliminate Synology as being the issue. Install the same grafana version outside of Synology maybe locally and see if the issue persists
2. if the issue persists on a local version then downgrade to a previous grafana version 11.3.0 and see if the issue persists.

[desoha]

@yosiasz

very odd indeed

Yes, very odd indeed.

Agreed, I’ll run it locally outside of Synology, I’ll reserve some hardware for it, where I’ll run it directly without a virtual machine. I’ll get back to you when I try it out

[desoha]

Took a while to get some hardware ready to try, I’m back with the result, I haven’t had time to try Grafana 11.3.0 yet, so I’ll try later…

1. Local installation of Debian 11 and Grafana 11.4.0 on Lenovo L540:

Everything works as expected

2. Transferring the current virtual server which included
   export server image from Synology to *.ova and import to Proxmox on Dell Precision T5400.
   After running on Proxmox, the problem still manifests itself in the same way, this is how I found out that the problem is not in Synology, but it is related to something on the virtual server itself.

In the next step, I will find and run some older backup of the virtual server, preferably with grafana version 11.3.0 and come back here with the result…

I would still try to switch back to Grafana version 11.3.0 from version 11.4.0 on the current virtual server, I have not yet downgraded from a newer version of Grafana to an older version, what is the procedure in that case on a Debian system? A quick Google search didn’t give me a clear answer.

[yosiasz]

Great sleuthing! Do you have a lot of dashboards etc in the 11.4grafana?

[desoha]

@yosiasz

Great sleuthing! Do you have a lot of dashboards etc 11.4?

I managed to make some progress today in focusing on the problem, but first I’ll show you with a picture how I have my folders and dashboards arranged in Grafana:

To find the defect here I will focus only on 2 dashboards, which are completely sufficient to manifest the problem as I found.
Highlighted in yellow in this image:

And now focusing on the problem:

For what I will describe here, I have stayed with Proxmox on a Dell Precision T5400.
As the default version of the virtual server, I have chosen the backup from January 3, 2024, i.e. again export from Synology and import into Proxmox. This backup contained Grafana version 10.2.3. and the described defect did not appear here in the canvas plugin, so everything worked as expected.

I then gradually increased the Grafana version using this command, I always manually entered the version I wanted.

I started with this increase:
sudo apt-get install grafana-enterprise=10.4.14

Then I continued to the next version, always tested whether the problem had already occurred and wrote down the status:

v10.2.3 ok
v10.4.14 ok
v11.0.0 ok
v11.1.0 ok
v11.2.0 ok:

v11.3.0 the defect is manifested:

v11.4.0 the defect is manifested

But it turned out that this does not manifest itself in every dashboard, as the default dashboard I used the one highlighted in yellow, ending with the name “servis-pc”, here the problem manifested itself from v11.3.0 and it is also the dashboard in which I need to have a background image in the Canvas plugin:

As a second reference dashboard I have chosen the one called “Server”, in which I have placed only one visualization with the Canvas plugin, here the choice of background image has always worked, even in 11.3.0 and 11.4.0:

So it seems that it is somehow related to the specific composition of the dashboard, in the next search I will probably focus directly on the individual visualizations in the problematic dashboard, maybe I will just delete the individual “Rows” first to see if any connection appears.

Was there any change in version 11.3.0 that would help clarify this odd?

[yosiasz]

Try this, create the problematic dashboard from scratch, does it show same issue? If not Then could be an issue with upgrade process

[yosiasz]

@desoha

change in version 11.3.0 that would help clarify this odd?

Best to post that question in GitHub, seems like you are on to something

[desoha]

Today, I just briefly tried to compare the Json model of a problem-free and problematic dashboard in Visual Studio Code, I tried to modify different parts in the problematic dashboard according to the Json model of a functional dashboard, until I finally came to one line where, after removing it, the problem was solved.

It is a line with the definition:

“liveNow”: true,

For some reason, this definition is not in the json model for dashboards where everything is functional, nor for newly established dashboards.

I’ve only tried it on Grafana version 11.4.0 so far

It is known what function the line with the definition has:
“liveNow”: true,
?

Should I try anything else that would be helpful in diagnosing this problem, or should I continue on Github and report it as an issue there?
(When I have more time to deal with it)

[desoha]

For now, and for me, removing the mentioned definition from the Json model is the solution to the problem, although I don’t know yet why this is the case or if it won’t affect something else.

In addition, it also solved the problem with the drop-down list for “Set icon” in "Value mappings

[yosiasz]

I would submit that as a possible bug in GitHub with the last gem you found

Also can you check to see if there is documentation about that feature and check the ini to see if it gets turned on by default? A settings thing @desoha