Problema con Select-kit in RTL

Contribuisci Bug
1

L’elenco aperto in Select-Kit non viene visualizzato correttamente in RTL.

Layout attuale:

+--------+
| target |
+-------------+
|             |
|   popper    |
|             |
+-------------+

Layout atteso:

     +--------+
     | target |
+-------------+
|             |
|   popper    |
|             |
+-------------+

Ho controllato il codice e ho notato che le impostazioni sono solo per LTR.

E vengono utilizzate qui:

Ho cercato di risolvere il problema aggiungendo del codice CSS, ma purtroppo questo causa ulteriori problemi. Penso che se utilizzassimo placement: "bottom-end" quando la pagina è in RTL, il problema verrebbe risolto.

Inoltre, questo ha causato la visualizzazione dei popper aperti fuori dallo schermo su alcuni telefoni mobili. Se necessario, posso inviarti alcune screenshot del problema in un messaggio privato.

1 Mi Piace
3

Possiamo applicare questa modifica alla nostra community o deve essere applicata dal team di Discourse?

4

Sì, devi aspettare una modifica, scusa. Cercherò di darci un’occhiata presto, dovrebbe essere banale da risolvere.

1 Mi Piace
5

Grazie per la tua risposta.
Secondo te è possibile apportare una modifica del genere tramite JavaScript? Poiché stiamo iniettando questa modifica attraverso un componente del tema per risolvere temporaneamente il problema.

6

Tutto è possibile, ma non lo consiglierei. Darò un’occhiata tra poco.

1 Mi Piace
7

Su desktop superiori a 1711px, questo problema è facilmente visibile nelle impostazioni delle notifiche alla fine della pagina dell’argomento. :pray:

1 Mi Piace
8

Ho applicato una correzione su master per questo problema. Fammi sapere se migliora la situazione per te. In caso contrario, assicurati di fare uno screenshot.

5 Mi Piace
9

A causa dell’eliminazione delle immagini profilo GIF, abbiamo dovuto aggiornare con un leggero ritardo. Si è scoperto che questo problema è stato risolto completamente.

Grazie @j.jaffeux

2 Mi Piace