Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add alternative text to a node

See original GitHub issue

Hey to all the team 👋

Would be really nice to have a tooltip opening when hovering a node with the mouse, just like you can do with the title attribute in html:

<p title="tooltip description">A text with a native tooltip description</p>

A text with a native tooltip description

In a svg you can have the equivalent by using a title element:

<svg xmlns="http://www.w3.org/2000/svg">
  <g>
    <title>Tooltip description</title>
    <rect x="0" y="0" width="400" height="100" fill="red"></rect>
    <text x="0" y="50" font-family="Verdana" font-size="15">A svg node with a native tooltip description</text>
  </g>
</svg>

See the live example

So my proposition would be to add a syntax maybe like:

flowchart LR
    A["A simple node"]
    title A "An alternative text tooltip"

What do you think about this proposition? I’m willing to help so I can also try to open a PR if you aggree with this one 👍

Issue Analytics

State:
Created a year ago
Comments:5

Top GitHub Comments

1reaction

knsvcommented, Aug 15, 2022

I think this is a good idea, will ponder the syntax a bit but the proposed syntax makes sense. The pondering piece is to investgate if this could/should be applicable for other diagrams as well.

1reaction

jpadfieldcommented, Aug 9, 2022

True, I have not sorted the CSS yet still not sure what is best but a working system does not seem to need too much … work in progress 😃

Top Results From Across the Web

Setting the alt attribute on the node image - Telerik Forums

I want to set the text for the "alt" attribute of the image. If I set the ToolTip property of the Node, it...

Techniques to add an alternative text to an image - AnySurfer

Images can be made accessible by either marking them as decorative or by providing an alternative text. Which technique to choose depends on ......

Image Alt Text and Title can't be saved on node/edit ... - Drupal

When saving the image "Alt text" and "Alt title" value on node/edit page the value is not saved/reflected. However, saving the value on ......

Add title and alternate text to image automatically?

Will automatically add the [node:title] and [site:name] tokens to the alt text field when content is saved or updated:

Converting <img> alt text to image caption node - Stack Overflow

Converting <img> alt text to image caption node · 1. imgs[i].parentNode.insertBefore(cap, imgs[i]); maybe? – Alon Eitan. Apr 12, 2021 at 14:48 · @ ......