Estoy trabajando en una aplicación de terceros que se escribió en React & Angular (no tengo acceso al código fuente de React) y quiero agregar un controlador de clics a un elemento específico en un menú emergente. Al rastrear el clic, pude ver que el ID del nodo es 'div#sendemail285737238350' pero cuando emito document.querySelectorAll("[id^=send]") en la consola, NodeList está vacío. También tiene una "ariaLabel" de "Enviar un correo electrónico" pero $("[ariaLabel=' Send an Email']", window); también devuelve una lista vacía.
Por supuesto, la manipulación de DOM puede ocurrir cuando se hace clic en el menú emergente, por lo que aplacé ambas búsquedas de DOM hasta que se hizo clic en el elemento de nivel superior. También tengo instaladas las herramientas de desarrollo de React y el elemento del menú no aparece en la lista de componentes.
¿Hay alguna forma de tomar este elemento y colocarle un controlador de clics? Parece que debería haberlo: el navegador puede representarlo, entonces, ¿por qué no puedo acceder a él?