Displaying a Toast Message near the Cytoscape Node Location that I clicked

Hello Community!

I am using Dash Cytoscape to visualize a graph.
I want to do one of the several options when the node is clicked.
So displaying a toast message at the same location as the node is my idea.
(or using keymap+node click, so chosen callback works)

I have been able to use Dash callbacks to perform actions when nodes are clicked, and I can display a toast message at a given location using Dash Bootstrap Components. However, I haven’t been able to figure out how to position the toast message at the location of the clicked node. This is important for my use case because I want the user to be able to see the toast message in the context of the node.

Does anyone know how to achieve this behavior with Dash Cytoscape, or if it’s even possible? I’m open to using JavaScript if necessary, but I’d prefer to stick with Python as much as possible. Any help would be greatly appreciated.

What I want as final result is like below.

  1. click the specific node A from cytoscape graph,
  2. pop a toast near the node I clicked.
  3. do one of the button callbacks provided in toast message.