Tengo un componente Angular basado en contenteditable="true" div. Cuando uso el componente directamente en la aplicación, funciona bien: al hacer clic en las pantallas de intercalación allí, div está enfocado y puedo escribir algo de texto.
El problema es cuando uso el componente dentro de la superficie lib externa (dentro <jsplumb-surface></jsplumb-surface> ). De alguna manera, el enfoque está bloqueado en el clic. Es posible enfocarse en el div ejecutando el método div.focus() (manejar el evento de clic), pero el problema es que la posición del cursor se pierde. El atributo tabindex está configurado y el enfoque en el clic de la pestaña también funciona.
Supongo que jsPlumb de alguna manera bloquea el evento de clic de foco pm, pero no tengo idea de cómo. ¿Cuál podría ser la causa potencial y cómo puedo manejarlo?