Skip to main content
Question

O meu dropdowm encavala nos outros items quando é acionado


Quando minha lista dropdown é acionada, fica abaixo dos demais elementos da página. Estou enviando fotos para ter uma ilustração melhor.

Gostaria que minha lista ficasse acima de todos os demais elementos.a

3 replies

Yasuhiko_Tokunaga1

Firstly, my apology to reply not in your language.

It looks similar to other post like this. Could you try out this solution? Variants in nested components do not change size - #10 by dvaliao

I hope it works but if not, please feel free to let us know!

Thanks,
Toku


CamilaB
  • Active Member
  • 26 replies
  • January 30, 2024

Oi, se possível mande uma screenshot de como você organizou os frames e o componente que faz o drop-down aparecer.

Uma forma que resolveria isso é ter um componente com duas variantes, o select e o select com o dropdown ativo, a lista de opções do dropdown seria posicionada absolutamente, o que faz o frame ter o tamanho só do componente do select. Aí na lista de inputs, onde tem vários selects, usando o auto-layout, você pode mudar uma configuração que faz com que os primeiros itens apareçam em cima dos itens abaixo, é aqui:


Onde está “last on top” você muda para “first on top”. Então o componente com as opções abertas aparece em cima dos que estão abaixo dele.


Eu mudei a ordem dos componentes para “first on top”, ainda sem sucesso.

Vou mandar como organizei os componentes e as interações.

Meu instagram é @oluizberlandi, caso queira falar por lá.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings