Do tooltips in flowcharts work?

[pawamoy]

I'm not sure if I understand correctly what a tooltip is supposed to be. IIUC, it's a small portion of text that shows up when hovering on a node.

In https://mermaid.js.org/syntax/flowchart.html?id=flowcharts-basic-syntax#interaction, the first mention of "tooltip" is wrong I think:

Examples of tooltip usage below:

<script>
  const callback = function () {
    alert('A callback was triggered');
  };
</script>

This should say "Examples of callback usage below".

Then it says:

The tooltip text is surrounded in double quotes. The styles of the tooltip are set by the class .mermaidTooltip.

That is correct, but there were no previous mentions of tooltips, so I think this sentence appears too early in the section? Or maybe it should simply be rephrased, something like "Tooltips can be specified with an additional string at the end, surrounded in double-quotes", etc., since the next code snippet correctly shows some tooltips.

However, none of them seem to work in the official docs? And they don't seem to work either in my pages.
Looking into issues, I find #3111, or #1763, so I wonder: are tooltips even working in flowcharts? Or am I misunderstanding something?

I do see the title attribute with the tooltip text in the resulting HTML, in a g element a bit above the node labels, but it does not show up when hovering a node 🤔

I'm using latest Firefox.