Selettore reazioni posizionato fuori dalla viewport su mobile

Stiamo riscontrando un problema molto simile a quello descritto qui:

Il selettore di reazioni viene visualizzato al di fuori della viewport.

Utilizzando gli strumenti di debug sono riuscito a determinare che riceve element.style {left: 89.6562px; top: 2375.19px; }. Poiché si tratta di uno stile di elemento, non ho avuto successo nel provare a modificare con qualche altro css per influenzare questo aspetto.

Se ridimensiono il mio schermo per essere alto circa 3000px, riesco effettivamente a vedere il selettore lì.

Non abbiamo determinato che il plugin jira sia il colpevole qui: Unable to use reactions on IOS/Mobile - #23 by Don

Stiamo utilizzando il componente tema reazioni personalizzate: Custom Discourse Reactions - #14 by Don Non vedo come questo possa avere tale effetto, però.

Purtroppo non posso fornire un elenco completo dei plugin che abbiamo al momento, poiché non ho privilegi di amministratore.

Sarebbe utile provare in modalità sicura, giusto per essere sicuri.

Non mi ero reso conto di poter semplicemente provare la modalità provvisoria senza alcun privilegio.

Dopo che mi è stato fatto notare, ho osservato che

  • a) Le reazioni sono un plugin, quindi disabilitare tutti i plugin ha eliminato il problema in modo poco utile ^^
  • b) Ancora più importante: Senza temi, tutto funziona bene.

L’unico tema che dovrebbe avere interazione con le reazioni è

Le reazioni funzionavano sicuramente correttamente alcune settimane fa e quel tema non è cambiato da anni.

O interagisce in modo strano con un recente aggiornamento di Discourse o qualcosa si è rotto nella nostra configurazione. Cercherò di indagare ulteriormente.

Ho fatto qualche ricerca aggiuntiva:

La mia ipotesi è che questo commit nel core di Discourse sia ciò che ha causato il problema:

In particolare questo:

sembra interagire male con questo stile del componente tema:

Disattivare questa riga CSS nello strumento di sviluppo non cambia la posizione del selettore di reazioni attualmente visualizzato, ma fa sì che il successivo venga posizionato correttamente.

La tua migliore opzione sarebbe contattare l’autore di quel componente del tema e chiedergli di risolverlo. Forse non ne sono ancora a conoscenza.

Ho appena aperto una segnalazione lì.

Il componente tema è stato aggiornato e il problema risolto.