Estoy usando DataTable de PrimeVUE con filtrado. Lo tengo configurado en "menú", lo que hace que aparezca un menú desplegable, lo que permite a los usuarios completar una consulta que filtrará las filas en función de eso.

Internamente, PrimeVUE usa el componente <Teleport /> de Vue para adjuntar el menú al body . En general, esto es bueno.

Sin embargo, en mi caso específico, uso "Single SPA", que envuelve toda la aplicación dentro #single-spa-application:web-app-2 .

Todo el estilo está contenido dentro #single-spa-application:web-app-2 . Entonces, una vez que hago clic en el botón "filtrar", no se aplica ningún estilo al menú desplegable porque está fuera del alcance de CSS:

Algunos otros componentes de PrimeVUE proporcionan una appendTo="#single-spa-application:web-app-2" , que funciona maravillosamente. Sin embargo, este componente no lo hace.

¿Es posible "anular" cualquier teletransporte dentro de un determinado componente para apuntar a otro lugar? Actualmente, la única forma que veo es bifurcar y modificar su código.