Mensaje de estado personalizado delante de la cabecera y otros elementos

Descripción del problema:
El mensaje de estado personalizado del usuario no se oculta con el banner, incluso cuando la publicación que el usuario vio ya no está, lo que lo hace visualmente poco atractivo.
Se adjunta una imagen del problema:

Comportamiento esperado:
El mensaje de estado se oculta con el banner

Comportamiento real:
El estado se muestra delante del banner.

Pasos para reproducir:
Haz clic en el estado personalizado de un usuario y desplázate hacia arriba hasta que la publicación desaparezca de la vista. Entonces, todavía podrás ver el mensaje de estado delante del banner en la parte superior de la página.

El error aparece en este enlace:
(No estoy seguro si esto solo me pasa a mí)

Navegador/SO/Dispositivo:
Aplicación Replit/Android /Samsung Galaxy

Ocurrencias similares:


He descubierto que está delante de la barra donde puedes retroceder o avanzar.
Aquí tienes una útil imagen:

5 Me gusta

Puedo reproducirlo:

Gracias por el informe :+1:

4 Me gusta

Heché un vistazo a esto. Dos cosas importantes:

  1. Esto solo ocurre en dispositivos móviles.
  2. Esto no solo sucede con las descripciones emergentes del estado del usuario, sino también con algunas otras descripciones emergentes que también se implementan utilizando el componente DTooltip.

En escritorio, usamos el evento mouseenter como disparador de la descripción emergente. Cuando el ratón sale de la descripción emergente, esta desaparece, por lo que todo funciona sin problemas.

En dispositivos móviles, el disparador de la descripción emergente es un clic, y para que la descripción emergente desaparezca, el usuario tiene que hacer clic fuera de ella. Debido a eso, la descripción emergente no desaparece al desplazarse. Este es el comportamiento predeterminado de las descripciones emergentes creadas con la biblioteca tippy.js que usamos internamente.

Actualmente estoy trabajando en una solución y ya tengo un borrador funcional. La solución será ocultar la descripción emergente al desplazarse en dispositivos móviles. Y eso solucionará todas las descripciones emergentes basadas en DTooltip.

3 Me gusta

Aquí está la solución al problema en los temas:

Por alguna razón, esto no funciona en el chat, lo investigaré y lo solucionaré en una continuación.

3 Me gusta

Me está ocurriendo en mi iPad tanto en vista de escritorio como en móvil. En Safari, Chrome y Firefox en iOS 16.6.

2 Me gusta

¡Hola @andrei!
Lamento decir que este error todavía aparece en un foro de Discourse (uno diferente esta vez).
También aparece en este tema…

2 Me gusta

Parece que la corrección aún no se ha fusionado, así que es posible que tengas que esperar un poco más para probar. :+1:

4 Me gusta

Hemos fusionado la corrección, ya está en la rama principal. Recuerda que solo soluciona el problema en los temas, hay un problema similar en el chat, que se abordará por separado más adelante.

2 Me gusta

¡Hola @andrei!
Veo que el encabezado cambia y el estado se desvanece cuando llega a la parte superior. ¿Es esta la solución?

1 me gusta

La solución hace que las descripciones emergentes se desvanezcan al desplazarse. Después de la solución, en las pantallas táctiles, las descripciones emergentes se desvanecen cuando comienzas a desplazarte.

1 me gusta

¡De acuerdo! ¡Gracias por la solución!

1 me gusta

¡Hola a todos!
Esto apareció de nuevo en otro foro.
Otros foros como este y Ask difuminan la cabecera, pero ese foro no lo hace.
Cabe añadir que si te desplazas rápidamente hacia arriba cuando el estado todavía se está mostrando, se superpondrá, pero la cabecera no reaccionará lo suficientemente rápido como para ocultarlo.

  1. El encabezado en sí no los oculta
  2. No bases ningún informe de error en los foros de SB, está prácticamente siempre desactualizado.
4 Me gusta

Similar a otro error que reporté sobre el estado personalizado que está delante de algo, aquí hay otro:


Como puedes ver, el estado todavía es visible, superponiendo la barra lateral a pesar de que el usuario se ha desplazado fuera de la vista.

1 me gusta

¡Como puedes ver, el estado personalizado vuelve a aparecer!
He descubierto que está delante de la barra donde puedes retroceder o avanzar.
Aquí tienes una útil imagen:

Otro problema con el estado personalizado:
https://meta.discourse.org/t/custom-status-in-front-of-sidebar/277328?u=natedhaliwal
Parece que el estado personalizado tiene problemas.

1 me gusta

@NateDhaliwal ¡gracias por informar de estos problemas!

Tenga en cuenta que, más precisamente, los problemas están relacionados con los componentes que utilizamos para mostrar información sobre herramientas enriquecidas en toda la aplicación. Usamos información sobre herramientas enriquecidas para mostrar el estado, pero también las usamos para otras cosas. Por lo tanto, potencialmente se pueden reproducir problemas similares con otras informaciones sobre herramientas. La corrección que proporcioné anteriormente solo solucionó los casos más generales.

Actualmente estamos trabajando en más cambios en los componentes para obtener información sobre herramientas enriquecidas, por lo que habrá más actualizaciones aquí. Nos ocuparemos de estos problemas.

5 Me gusta

Hay uno más: en el chat:


Creo que esto ya se mencionó:

4 Me gusta

@j.jaffeux ha realizado una importante reestructuración de las descripciones emergentes (y otros cuadros de diálogo) en

Como parte de ese trabajo, los problemas descritos en este tema también se han solucionado. Acabo de probar y

  • no hay superposición de descripciones emergentes de estado en el chat
  • las descripciones emergentes desaparecen al abrir la barra lateral
  • las descripciones emergentes no aparecen sobre la barra de herramientas de navegación inferior en dispositivos móviles
3 Me gusta