I have an Angular component based on contenteditable="true" div. When I use the component directly in the app it works fine - on click caret displays there, div is focused and I can type some text.

The problem is when I use the component inside external lib surface (inside <jsplumb-surface></jsplumb-surface>). Somehow focus is blocked on the click. It's possible to focus on the div by executing div.focus() method (handling click event), but the problem is that caret position is then lost. The tabindex attribute is set and focus on tab click also works.

I assume that jsPlumb somehow blocks the focus pm click event but I don't have any idea how. What could be the potential cause and how can I handle it?