Error en la pagina de comunidad de EDteam

Avatar
Erick Guzman Ochoa

@erickguzmanochoa

Recientemente cuando publicaba un comentario me di cuenta de algo, al cuadro de informacion que se ve en la siguiente foto: https://prnt.sc/slz7bt
Lo que pasa es que despues de un rato el cuadro se deja de ver, asi que todo bien... ¿no?, Pues no, la cosa es que lo que se hace es ponerle 0 de opacidad al elemento, se puede observar en la siguiente foto: https://prnt.sc/slzdum
El problema con esto es que si intentas seleccionar al texto que se encuentra debajo de este tooltip no se podra seleccionar ya que le estarias dando clic al tooltip y no al texto, se ve mejor en la siguiente foto: https://prnt.sc/slz5p0
Para arreglar esto se tendria que hacer que en lugar de ponerle al elemento opacity:0 poner display:none o en su defecto visibility:hidden... y ¿ya, eso resuelve el problema?... pues no
El otro problema que surge es que css no puede animar display:none y visibility:hidden, por lo que para resolver este problema se necesita usar opacity:0 (me imagino que esa fue la principal razon por la que poner opacity:0 en lugar de display:none o visibility:hidden), lo que se podria hacer es que la animacion animé la opacidad y cuando termine ponga display:none o visibility:hidden y listo. Este problema se observa mejor en el video: https://gofile.io/d/A3YmpD (si lo descargas y no lo puedes ver usa mpc-hc)
Esto solo fue una observacion, no una critica ;) #TambienSoyEdTeam #NoTeDetengas #StayAt~/

Recuerda que los pequeños detalles convierten un buen sitio a uno excelente

Avatar
Erick Guzman Ochoa

@erickguzmanochoa

Por cierto si estas pensando en comprar premium pueden utilizar mi codigo de referido para tener un descuento y ayudarme con una semana de premium y lograr terminar mi especialidad de frontend :)
https://ed.team/premium?cupon=ref-157680

Avatar

Escribe una respuesta