Skip to main content
Question

O meu dropdowm encavala nos outros items quando é acionado

  • January 28, 2024
  • 3 replies
  • 297 views

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

This topic has been closed for replies.

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
  • 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á.