Tengo un problema con la biblioteca de gráficos de calibre de reacción en mi proyecto de reacción.
Implementé un componente de ventana emergente usando material-ui e introduje el componente de gráfico de indicadores de la biblioteca dentro del modal de ventana emergente. En el gráfico de indicador de desplazamiento del texto, se muestra correctamente, pero durante el evento onmouseleave, el componente de ventana emergente parpadea (el tamaño del gráfico de indicador aumenta) durante un segundo y luego cierra el modal de ventana emergente. Este parpadeo está afectando actualmente a la interfaz de usuario de nuestro proyecto.
Cuando pruebo sin el gráfico de indicadores, no hay problema con el evento onmouseleave. ¿Alguien podría ayudarme, por favor, dónde me estoy equivocando aquí o una solución que pueda usar? Como soy nuevo en CSS, no puedo entender de dónde viene este problema.
Reprodujo el problema aquí https://codesandbox.io/s/react-over-issue-5ibv6
Gracias
El evento onmouseleave no es la causa de este problema. Si cambia alternar ventanas emergentes para hacer clic , continuará teniendo este comportamiento
Este es un problema de renderizado. Cuando se cierra la ventana emergente, el tamaño del contenido se reduce y esto provoca este comportamiento