Blazor.Diagrams icon indicating copy to clipboard operation
Blazor.Diagrams copied to clipboard

Labels do not display

Open dandeto opened this issue 2 years ago • 6 comments

Labels do not display when I use the sample code found here: https://github.com/Blazor-Diagrams/Blazor.Diagrams/blob/master/samples/SharedDemo/Demos/Links/LabelsDemo.razor.cs My label does show up in the svg code, it's just not rendering. Also, this issue is present on the demo online here: https://blazor-diagrams.zhaytam.com/links/labels

Related: #109

image image

<foreignObject x="226.00193303765604" y="162.89994599331078">
<div class="link-label">content</div>
</foreignObject>

I haven't tried the pre-release to see if it's fixed there...

dandeto avatar Dec 10 '22 00:12 dandeto

Hello,

I can see the labels in the demo website... What browser are you using? Can you check if the foreignObejct contains overflow: visible;

zHaytam avatar Dec 10 '22 09:12 zHaytam

I use firefox, but I can see them in chrome. Yes, foreignObject contains overflow: visible

dandeto avatar Dec 10 '22 21:12 dandeto

I just downloaded Firefox and you are right, they don't show. I am investigating.

zHaytam avatar Dec 11 '22 10:12 zHaytam

This fixes it for me:

.link foreignObject {
  width: 1px;
  height: 1px;
}

I will be adding it in 3.0.0, please confirm it works for you as well

zHaytam avatar Dec 11 '22 11:12 zHaytam

That worked for me, thank you!

dandeto avatar Dec 12 '22 14:12 dandeto

Good day please help small example how to make color circle and box make in diagram with text

prof3000 avatar May 02 '24 14:05 prof3000