### Discussed in https://github.com/quarto-dev/quarto-cli/discussions/1054

<div type='discussions-op-text'>

<sup>Originally posted by **harrelfe** June  3, 2022</sup>
In the following the link to a web page works but the tooltip is ignored:

---
title: "Test"
format: html
---

```
```{mermaid}
flowchart TD
  A[this] --> B[that]
  click A "https://hbiostat.org" "label"
  click B callback "Tooltip for B"
```  

```

I tried adding the following after the yaml as suggested on the `mermaid` web site (mainly to try `securityLevel`), to no effect:

```
<script>
    var callback = function(){
        alert('A callback was triggered');
    }
    var config = {
        startOnLoad:true,
        flowchart:{
            useMaxWidth:true,
            htmlLabels:true,
            curve:'cardinal',
        },
        securityLevel:'loose',
    };

    mermaid.initialize(config);
</script>
```
</div>
cscheid
2022-06-04T16:34:55Z
cscheid
closed
Improve CSS for mermaid in the presence of tooltips
https://github.com/quarto-dev/quarto-cli/issues/1063