Is it possible to make html text selectable and buttons interactable?

[Tomansion]

Hello there,
I've found this example that is almost exactly what I need: https://codesandbox.io/p/sandbox/pedantic-rosalind-7w75t8

This example uses nodeHtmlLabel to display some custom HTML and style.

I would like to, from this example, be able to:

• Select text (for copy and paste purposes)
• Click buttons

It seems that Cytoscape mouse drag event takes over the button click event and the text drag.
I believe that it's very close to working properly because the mouse cursor change when hovering the HTML text, and the button style changes on click.

Has someone figured out how to make is work?

I've tried to play with z-index without results.
Thanks.

[TonyIvanova]

@Tomansion You have a syntax error :-)
It should be onclick instead of @click

  <button onclick="alert('hello')">This is a button</button>

[Tomansion]

It's working indeed, thanks 🤦‍♂️ .
This open's up some new fun interactions.