El contenido teleportado aparece al final del body, NO donde se define aquí.
Abre las herramientas del navegador (F12) → pestaña Elements y busca "MODAL TELEPORTED" al final del <body>
Este modal está en el body aunque se definió aquí dentro. Mira en las DevTools al final del <body> para verificar.