anseki / leader-line

Draw a leader line in your web page.
http://anseki.github.io/leader-line/
MIT License
3.03k stars 422 forks source link

Connecctions/Lines going outside of div #83

Closed narendersaini32 closed 4 years ago

narendersaini32 commented 4 years ago

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

anseki commented 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.

anseki commented 4 years ago

Could you show me an example by using https://jsfiddle.net/ ?

narendersaini32 commented 4 years ago

Sorry for inconvenience you can check video here https://drive.google.com/file/d/1zAUCpZWtt8UfReXXiXic8TQVnehdkLZS/view?usp=sharing

narendersaini32 commented 4 years ago

and the app link is here https://flowchart1.netlify.com/

anseki commented 4 years ago

What is the difference between this and https://github.com/anseki/leader-line/issues/79 ?

narendersaini32 commented 4 years ago

Yeah i tried that jsfiddle uses iframe by default

narendersaini32 commented 4 years ago

image image

anseki commented 4 years ago

?

narendersaini32 commented 4 years ago

I mean I have three options

  1. By default svg added to body but they are overlapping.
  2. The js Fiddle example which uses iframe internally.
  3. Append to a div which creates this above alignment issue. My motive is to restrict the svg to a particular area it should not go outside of a div
anseki commented 4 years ago

Which example uses <iframe>? And, do you mean that you don't want to use <iframe>?

varunk29 commented 4 years ago

@anseki can u make like a different branch to append svg to particular element ? i cannot make use of