anseki / leader-line

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

Lines are not clickable in Angular & Devtools #342

Closed eukuz closed 2 years ago

eukuz commented 2 years ago

Thank you for this great library :)

I'm trying to create an angular app where lines are deleted with double click on them (just like in issue #325 ).

The problem is that lines are not clickabe. Moreover, they cannot be selected from the devtools (screenshot)

You can find the source here (for some reason lines don't show up when running this repo from stackblitz)

How to make the lines clickable inside an angular application?

anseki commented 2 years ago

Hi @eukuz, thank you for the comment. This may help you: https://github.com/anseki/leader-line/issues/70#issuecomment-536640174

eukuz commented 2 years ago

I understand how to add an Event Listener, the problem is that the lines cannot be clicked :) please, have a look at the screenshot

anseki commented 2 years ago

Do you mean that this CSS code did not work?

svg.leader-line { pointer-events: auto!important; }

If so, it might conflict with something in your CSS code.

eukuz commented 2 years ago

Thank you very much, my friend) This property solved my problem.

I suggest you make a short Q&A section in the Readme about what is not supported and deprecated, but is often requested. :)

Have a nice day 🌞

anseki commented 2 years ago

:smile: