Occasionally links appear out of line.

Question

Occasionally links appear out of line.

MadTomT opened this issue 6 years ago · 4 comments

Hi
I've got a slight issue with links not always lining up, often they appear 2 /3 mm above the connector.
When this happens it doesn't affect all links, just some on the page.

I'm loading the saved flow using $flowchart.flowchart('setData', data); where data is my saved flow.

Sometimes some of the links are out of line, If I move a operator relating to that link it lines up. I have to do that for all affected links/operators.

If I reload the data then it's fine ! Any reason why this would happen and how do I stop it ?

Thanks

Answer 1 · 2019-02-03T11:53:50.000Z

I've changed the output connectors to images, this seems to have affected the layout slightly.

The output 1 class 'flowchart-operator-connector-set' is now deeper and that appears to be affecting input1's connector. Any way to either set the connector align to the bottom, not top that may resolve this.

Answer 2 · 2019-02-05T22:08:46.000Z

I've managed to sort this by setting a fixed line height and tweaking the CSS.

Answer 3 · 2019-02-07T11:39:13.000Z

It worked be good if posted the details I'd gotta you fixed our and what the limitations where - in case other people in the community want to see

Answer 4 · 2019-02-07T14:19:26.000Z

Hi. Sorry I should have added this update.
.flowchart-operator-connector I added a max-height which matched my icons size.
This caused the connectors to be an even height and realign>

I then adjusted the arrow position to match the new connector.
.flowchart-operator-outputs .flowchart-operator-connector-arrow .flowchart-operator-outputs .flowchart-operator-connector-small-arrow