Selector de reacciones posicionado fuera de la vista en móvil

[TobiasUdtke]

Estamos teniendo un problema muy similar al que se describió aquí:

Unable to use reactions on IOS/Mobile

Here’s what I found after some testing on the forum with a resized viewport to simulate mobile and DevTools: the reactions popup is definitely there. The element shows up and goes away as expected when hovering and removing the cursor. But for some reason, it does not appear on-screen. Or at least it seems to. Well, here’s a screenshot when hovering: [image] If you look really closely at the area just above the bottom red line above the thumbs-up button, you can see a faint shadow, which is …

El selector de reacciones se muestra fuera del área de visualización.

Usando herramientas de depuración, pude determinar que recibe element.style {left: 89.6562px; top: 2375.19px; }. Dado que es un estilo de elemento, no he tenido éxito al modificar otra CSS para afectarlo.

Si cambio el tamaño de mi pantalla a algo como 3000px de alto, puedo ver el selector allí.

No hemos determinado que el complemento de jira sea el culpable aquí: Unable to use reactions on IOS/Mobile - #23 by Don

Estamos utilizando el componente de tema de reacciones personalizadas: Custom Discourse Reactions - #14 by Don No veo cómo eso podría tener este efecto, sin embargo.

Lamentablemente, no puedo proporcionar una lista completa de los complementos que sí tenemos en este momento, ya que no tengo privilegios de administrador.

[chapoi]

@TobiasUdtke

Estamos usando el componente temático de reacciones personalizadas: Custom Discourse Reactions - #14 by Don No veo cómo eso podría tener este efecto.

Sería útil intentarlo en modo seguro, solo para estar seguros.

[TobiasUdtke]

No me di cuenta de que simplemente podía intentar el modo seguro sin ningún privilegio.

Después de que me lo señalaran, observé que

• a) Las reacciones son un complemento (plugin), por lo que desactivar todos los complementos eliminó el problema de una manera poco útil ^^
• b) Más importante aún: Sin temas (themes), todo funciona bien.

El único tema que debería tener alguna interacción con las reacciones es

GitHub - VaperinaDEV/discourse-custom-reactions

Las reacciones definitivamente funcionaban correctamente hace unas semanas y ese tema no ha cambiado en años.

O interactúa de forma extraña con una actualización reciente de Discourse o algo se rompió en nuestra configuración. Intentaré investigar más.

[TobiasUdtke]

He estado investigando un poco más:

Mi suposición es que este commit en el núcleo de Discourse es lo que causó el problema:

DEV: Replace popperjs with floating-ui (#35492)

Específicamente esto:

plugins/discourse-reactions/assets/javascripts/discourse/components/discourse-reactions-actions.gjs

parece interactuar mal con este estilo del componente de tema:

mobile/mobile.scss

Desactivar esta línea de CSS en la herramienta de desarrollador no cambia la posición del selector de reacciones que se muestra actualmente, pero hace que el siguiente se coloque correctamente.

[chapoi]

Su mejor opción sería ponerse en contacto con el autor de ese componente de tema y pedirle que lo arregle. Quizás aún no lo sepa.

[TobiasUdtke]

Acabo de abrir un issue allí.

[TobiasUdtke]

El componente de tema ha sido actualizado y el problema resuelto.