Disclosure Layout no se puede utilizar correctamente cuando prop animado se establece como verdadero
Store Framework
•
ID: 417947
No Fix
Publicado el19/4/2022
•
Última actualización el1/7/2024
1 min de lectura
Sumario
Este problema conocido ha sido traducido automáticamente del inglés.
Hay un problema en el diseño de divulgación que sólo activa el bloque para mostrar, pero no se cierra. Esto es causado por la animación de la prop, que no está funcionando correctamente cuando se establece en el diseño de divulgación y no permite ocultar el elemento después de la apertura.
Simulación
Vaya a cualquier tienda usando disclosure-layout con prop animado como true. Intenta mostrar y ocultar el elemento.
El contenido no se puede ocultar.
Workaround
Añade el siguiente manejador en los estilos, esto debería evitar el problema en la animación porque la clase está siendo cambiada:
.vtex-disclosure-layout-1-x-content--search-description-content--hidden {display: none;}