Hi, I am facing an issue while connecting the nodes. the connecrtion doesn't start from the centre but begins a bit below. Sharing the screenshot. Can u please help

[MaleehaYasvi]

[jerosoler]

Hi @MaleehaYasvi

Try: https://github.com/jerosoler/Drawflow/issues/123#issuecomment-784149366

[MaleehaYasvi]

No, its not working

[jerosoler]

Can you detail more information about your code?

Does it have a fixed high or a percentage? Can you try a fixed?

[MaleehaYasvi]

drawflow {

position: relative; text-align:fixed; width: calc(100vw - 301px); height: calc(100% - 90px); top: 40px; background: var(--background-color); background-size: 25px 25px; background-image: linear-gradient(to right, #f1f1f1 1px, transparent 1px), linear-gradient(to bottom, #f1f1f1 1px, transparent 1px); } This is the css I have written

[jerosoler]

Try for discart:

#drawflow {
...
width: 800px;
height:800px;
...
}

[MaleehaYasvi]

I tried, it is not working

[MaleehaYasvi]

Is there any other way we can do to resolve this?

[jerosoler]

Can you provide your code?

Or better yet! Create a codesanbox code?

Are you using some kind of library? Bootstrap type? Can you remove the css from the library to discard?

[MaleehaYasvi]

I am using materialise css and doing this in vue 2

[jerosoler]

Can you provide an example of your code in codesandbox, codepen ...?

[MaleehaYasvi]

https://codepen.io/KikePuma/pen/OJXXXdb I am following this code

[jerosoler]

That code is working.

We need to see the code that is not working.

[MaleehaYasvi]

Its working now. I added margin in connection in css.