Digamos que tenemos un elemento personalizado html5 que extiende HTMLAnchorElement y se llama 'custom-a', luego lo insertamos directamente en el html así

 <a href="" is="custom-a">Hello World</a>

como era de esperar, esto activará connectedCallback(), ahora, ¿cómo logro lo mismo creando e insertando el elemento personalizado a través de javascript? Probé:

 <script> let elem = document.createElement('a'); elem.setAttribute('is', 'custom-a'); document.body.appendChild(elem); </script>

Pero connectedCallback() no se ejecuta