HTML label not in the good place in embed mode since v13

[algenty]

Hi,

I already wrote an issue about this at
#940

Without news, i had investigate and i found a solution.
In mxSvgCanvas2D.js function updateTextNodes
i replaced :
'display: flex; align-items: unsafe ' +
By
'display: flex; align-self: unsafe ' +

Before with align-items

After with align-self :

BR,
Arnaud

[alderg]

Thanks for this. It seems to break one of our test cases. We need to understand why this breaks your output in #940 in the first place, maybe the container affects the output. Can you provide a standalone example that reproduces this problem?

[algenty]

I have created an example of bug on
https://play.grafana.org/d/NpjdeVWGz/flowcharting-bug-draw-io-940?orgId=1
I think you know the used template.

PS : You can found other examples of flowcharting with drawio at
https://play.grafana.org/d/Unu5JcjWk/flowcharting-index?orgId=1

Thx again for draw.io

[algenty]

To change align-items by align-self is not the solution, it generates others problems

I think the calculate of padding-top is not good
flex += 'padding-top: ' + yp + 'px; ';

With mxgraph 4.0.0 align-items doesn't exist,

[alderg]

This CSS style seems to be causing the problem on the first DIV in the foreignObject.

[algenty]

You're right !
I can't modify this css because i'm not the owner but if i add
-webkit-box-sizing : content-box
on my parent div, it works !! Thx a lot

thx for your investigation
You are a chef !