Português:
O SmartDropdown é um componente de seleção avançado, desenvolvido para oferecer desempenho, estilo e usabilidade superiores em qualquer aplicação Bubble.

Baseado na biblioteca Select2, ele foi completamente reestruturado para integrar-se ao visual do seu app, ocupando 100% da largura e altura do elemento pai.

Ele inclui animações configuráveis (fade, slide, zoom, none), fonte nativa herdada do Bubble, e comportamento intuitivo — mantendo o dropdown aberto até que o usuário clique fora ou selecione uma opção.

Ideal para sistemas administrativos, ERPs e dashboards com interfaces modernas e limpas.

Destaques:

Totalmente responsivo (preenche largura e altura do elemento).

Texto alinhado à esquerda e seta à direita.

Fecha apenas ao clicar fora ou selecionar uma opção.

Animações suaves de abertura e fechamento.

Integração direta com listas dinâmicas (“Do a search for…”).

Altamente otimizado e leve.



English:

The SmartDropdown is an advanced selection component built for performance, design, and usability inside any Bubble app.

Based on the Select2 library, it has been completely redesigned to blend seamlessly with your app’s layout — fully filling the parent element’s width and height.

It includes configurable animations (fade, slide, zoom, none), inherits Bubble’s native font, and provides an intuitive experience — keeping the dropdown open until the user clicks outside or selects an option.

Perfect for admin panels, ERP systems, and dashboards with modern, minimal interfaces.

Highlights:

Fully responsive (fills both width and height).

Left-aligned text, right-aligned arrow.

Closes only when clicking outside or selecting an option.

Smooth open/close animations.

Works perfectly with dynamic lists (“Do a search for…”).

Lightweight and optimized for performance.





DEMO:
https://search-dropdown-input.bubbleapps.io/version-test?

EDITOR:
https://bubble.io/page?id=search-dropdown-input&tab=Design&name=index&elements=bTHGN