Descrição do problema
O campo Sobre na página de Perfil (/profile) permite que o usuário digite um texto livre, mas não exibe nenhuma indicação do limite de caracteres permitido. Atualmente o campo aceita apenas 500 caracteres, porém essa restrição não é comunicada em nenhum lugar da interface — nem um contador, nem um texto de ajuda, nem qualquer feedback visual.
Isso faz com que o usuário só descubra o limite ao tentar ultrapassá-lo (ou ao tentar salvar e receber um erro), o que prejudica a experiência de preenchimento, especialmente para quem escreve um texto mais longo e perde parte do conteúdo digitado sem perceber.
Passos para reproduzir
- Acessar a página de Perfil.
- Localizar o campo "Sobre".
- Começar a digitar um texto longo, próximo ou acima de 500 caracteres.
- Observar que não há nenhum contador ou indicação visual de quantos caracteres ainda restam ou já foram usados.
Comportamento esperado
O campo "Sobre" deveria exibir, de forma visível e em tempo real, a contagem de caracteres utilizados em relação ao limite máximo (ex.: "320/500"), permitindo que o usuário acompanhe quanto ainda pode escrever e evitando perda de conteúdo ou frustração ao tentar salvar.
Causa raiz
O campo está definido sem nenhum feedback de contagem de caracteres, apesar de já existir uma validação de tamanho máximo (500) aplicada no back-end/schema do formulário de perfil.
Sugestão de correção
Adicionar um contador de caracteres visível abaixo (ou ao lado) do campo "Sobre", utilizando o suporte nativo do Filament para isso, por exemplo:
Textarea::make('about')
->label(__('panel-app::profile.fields.about'))
->maxLength(500)
->hint(fn ($state) => strlen($state ?? '') . '/500')
->live()
->columnSpan('full'),
O uso de ->maxLength() já impede que o usuário digite além do limite, e combinado com ->hint() reativo (->live()), o contador é atualizado a cada caractere digitado.
Isso traria:
- Feedback imediato de quantos caracteres já foram usados e quantos ainda restam.
- Prevenção de frustração ao tentar salvar um texto que será truncado ou rejeitado.
- Consistência com boas práticas de UX já esperadas em campos de texto com limite de caracteres.
Contexto adicional
Sugestão aberta por Alicia, apontando a ausência de indicação de limite no campo "Sobre" do perfil como um ponto de melhoria de experiência do usuário.
Descrição do problema
O campo Sobre na página de Perfil (
/profile) permite que o usuário digite um texto livre, mas não exibe nenhuma indicação do limite de caracteres permitido. Atualmente o campo aceita apenas 500 caracteres, porém essa restrição não é comunicada em nenhum lugar da interface — nem um contador, nem um texto de ajuda, nem qualquer feedback visual.Isso faz com que o usuário só descubra o limite ao tentar ultrapassá-lo (ou ao tentar salvar e receber um erro), o que prejudica a experiência de preenchimento, especialmente para quem escreve um texto mais longo e perde parte do conteúdo digitado sem perceber.
Passos para reproduzir
Comportamento esperado
O campo "Sobre" deveria exibir, de forma visível e em tempo real, a contagem de caracteres utilizados em relação ao limite máximo (ex.: "320/500"), permitindo que o usuário acompanhe quanto ainda pode escrever e evitando perda de conteúdo ou frustração ao tentar salvar.
Causa raiz
O campo está definido sem nenhum feedback de contagem de caracteres, apesar de já existir uma validação de tamanho máximo (500) aplicada no back-end/schema do formulário de perfil.
Sugestão de correção
Adicionar um contador de caracteres visível abaixo (ou ao lado) do campo "Sobre", utilizando o suporte nativo do Filament para isso, por exemplo:
O uso de
->maxLength()já impede que o usuário digite além do limite, e combinado com->hint()reativo (->live()), o contador é atualizado a cada caractere digitado.Isso traria:
Contexto adicional
Sugestão aberta por Alicia, apontando a ausência de indicação de limite no campo "Sobre" do perfil como um ponto de melhoria de experiência do usuário.