Problema no select-kit em RTL

A lista aberta no Select-Kit não é exibida corretamente em RTL.

Layout atual:

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

Layout esperado:

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

Verifiquei o código e vi que as configurações são apenas para LTR.

E são usadas aqui:

Tentei resolver o problema adicionando alguns códigos CSS, mas, infelizmente, isso causa mais problemas. Acredito que, se usarmos placement: "bottom-end" quando a página estiver em RTL, o problema será resolvido.

Além disso, isso fez com que os poppers abertos fossem exibidos fora da tela em alguns celulares. Se precisar, posso enviar algumas capturas de tela do problema em uma mensagem privada.

1 curtida

Podemos aplicar essa alteração à nossa comunidade ou ela precisa ser aplicada pela equipe do Discourse?

Sim, você precisa esperar por uma alteração, desculpe. Vou tentar dar uma olhada em breve. Deve ser trivial de corrigir.

1 curtida

Obrigado pela sua resposta.
Acha que é possível fazer essa alteração por meio de JavaScript? Como estamos injetando essa mudança por meio de um componente do tema para resolver o problema temporariamente.

Tudo é possível, mas eu não recomendaria. Vou dar uma olhada em breve.

1 curtida

Em desktops maiores que 1711px, esse problema é facilmente visível nas configurações de notificação no final da página do tópico. :pray:

1 curtida

Enviei uma correção na master para isso. Me avise se isso melhorar a situação para você. Caso contrário, certifique-se de tirar uma captura de tela.

5 curtidas

Devido à exclusão das imagens de perfil em formato GIF, tivemos que atualizar com um pequeno atraso. Como se viu, esse problema foi completamente resolvido.

Obrigado @j.jaffeux

2 curtidas