Problema de Select-kit en RTL

Contribuir Error
1

La lista abierta en Select-Kit no se muestra correctamente en RTL.

Diseño actual:

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

Diseño esperado:

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

Revisé el código y vi que la configuración solo está pensada para LTR.

Y se utiliza aquí:

Intenté solucionar el problema añadiendo algo de código CSS, pero, desafortunadamente, esto genera más problemas. Creo que si usamos placement: "bottom-end" cuando la página está en RTL, el problema se solucionará.

Además, esto ha hecho que los poppers abiertos se muestren fuera de la pantalla en algunos teléfonos móviles. Si lo necesitas, puedo enviarte algunas capturas de pantalla del problema por mensaje privado.

1 me gusta
3

¿Podemos aplicar este cambio a nuestra comunidad o debe ser aplicado por el equipo de Discourse?

4

Sí, tienes que esperar a un cambio, lo siento. Intentaré echar un vistazo pronto; debería ser trivial de arreglar.

1 me gusta
5

Gracias por tu respuesta.
¿Crees que es posible cambiar algo así mediante JavaScript? Ya que inyectamos este cambio a través de un componente del tema para resolver el problema temporalmente.

6

Todo es posible, pero no lo recomendaría. Lo revisaré en breve.

1 me gusta
7

En escritorios con un ancho superior a 1711 px, este problema se ve fácilmente en la configuración de notificaciones al final de la página del tema. :pray:

1 me gusta
8

He aplicado una corrección en master para esto. Avísame si mejora la situación para ti. Si no, asegúrate de tomar una captura de pantalla.

5 Me gusta
9

Debido a la eliminación de las imágenes de perfil en formato GIF, tuvimos que actualizar con un ligero retraso. Resulta que este problema está completamente resuelto.

Gracias @j.jaffeux

2 Me gusta