Closed narendersaini32 closed 4 years ago
Hi @narendersaini32, thank you for the comment. I couldn't access your video by an error that said I have no permission.
Could you show me an example by using https://jsfiddle.net/ ?
Sorry for inconvenience you can check video here https://drive.google.com/file/d/1zAUCpZWtt8UfReXXiXic8TQVnehdkLZS/view?usp=sharing
and the app link is here https://flowchart1.netlify.com/
What is the difference between this and https://github.com/anseki/leader-line/issues/79 ?
Yeah i tried that jsfiddle uses iframe by default
?
I mean I have three options
Which example uses <iframe>
?
And, do you mean that you don't want to use <iframe>
?
@anseki can u make like a different branch to append svg to particular element ? i cannot make use of
Like if you see this example https://jsfiddle.net/z5qw7a91/ the svg lines not going outside becuase its in an iframe of jsfiddle
No, that example doesn't use <iframe>
.
@varunistar, you should make new issue for another question. This is @narendersaini32's issue.
yeah that not uses but jsfiddle add iframe by default that was i am unable to generate the issue on jsfiddle
No, JSFiddle doesn't affect the code. Run the example in your computer.
And, do you mean that you don't want to use <iframe>
?
yes iframe is not an option for me
You can see iframe here in source code of jsfiddle and i can't use iframe in my case Is there is any alternative
You see that the example doesn't use <iframe>
.
JSFiddle never add <iframe>
into the code.
JSFiddle only wraps the code by <iframe>
.
See more the DevTools of your browser. And check where is the <iframe>
.
yeah sure
Did you understand that <iframe>
was not added into the code?
yes
Good :smile: So, was this issue solved? Or, do you have another question?
in progress
I see.
Anyway, in your #79, you already saw that LeaderLine is working in scrollable <div>
without <iframe>
and without changing top/left
of SVG, by examples (https://jsfiddle.net/op2gnk0t/ , #54).
I recommend reading those again.
No reply came, then I close this abandoned issue.
@anseki the workaround you provided above using the wrapper (codepen example) did not work for me for a few reasons:
1 - I am using the plain-draggable js library for the elements drawn on the grid that is using your library to draw the connecting leader lines between them. 2 - I have a collapsable navbar menu located above the parent div that contains the leader lines and found that lines would move their positon when opening and closing the navbar above it.
The only solution I have found to work is in fact putting the leader-line content into a iframe, its the only way to truly isolate the svg content controlled by your library without it having imapct on the parent page and its elements.
In my enviornment (.NET Core 6 Razor Pages Web App) I am using an iframe that points to another page within the same web app (same domain/origin) which allows me to give some isolation between the parent page and child contents that your library is being used for drawing the svg content. This adds a lot more work because of the all the necessary communication/cross referencing required between javascript functions that resides between both the parent page and emebdded js in the iframe.
Hi @gagwithgaffer, thank you for the information. Sorry, my English is poor, and I couldn't understand that well. However, that may help someone. Thank you :smile:
Hi Sir Actually I am using the LeaderLine in my project and there is one case where the line/connection goes outside of div maybe because they are appended to body. https://drive.google.com/drive/u/0/folders/1oMgxL_31sAQ4RN3EVPGRY0UkQhcQvfPL Please check the above video