Bug no componente Tag Selector

[Camile]

Olá!

Me deparei com uma limitação no componente TagSelector quando há um número elevado de itens selecionados.

Conforme demonstrado nas imagens abaixo, quando o espaço disponível em tela é preenchido pelas tags já selecionadas, não é possível visualizar as demais opções da lista. O componente não disponibiliza uma barra de rolagem para essa área, apenas para os itens ainda não selecionados.

Na prática, falta uma barra de rolagem na área das tags selecionadas, o que compromete a usabilidade quando há muitas seleções.

Atualmente, a única forma de contornar o problema é aumentar significativamente o tamanho da janela, tornando-a muito maior do que o necessário — o que não é uma solução adequada.

[Diego_Ramos]

Olá @Camile,

Como um workaround, para o caso pode ser adicionado um CSS público ou um arquivo CSS, no formulário, com as seguintes informações:

• Aplicando o estilo somente na lista de seleções:

.la-tag-container .selected-list {
    height: 150px; /*Adicione o valor que considere ideal para aplicação de design atual*/
    overflow: auto;
}

• Aplicando o estilo no componente de expansão:

.la-popup .tag-selector-popup .expanded {
    height: 300px; /*Adicione o valor que considere ideal para aplicação de design atual*/
    overflow: auto;
}

---

Mas fique tranquila,

Nossa equipe desenvolvimento irá trabalhar para melhorar o comportamento de estilo do componente mencionado!


Ficamos contentes com participação continua na Comunidade Latromi!