Skip to content

fix(input): preserva cursor ao aplicar upperCase no eventOnInput#2856

Open
br-robles wants to merge 1 commit into
po-ui:masterfrom
br-robles:po-input/2387
Open

fix(input): preserva cursor ao aplicar upperCase no eventOnInput#2856
br-robles wants to merge 1 commit into
po-ui:masterfrom
br-robles:po-input/2387

Conversation

@br-robles
Copy link
Copy Markdown

@br-robles br-robles commented May 23, 2026

Ao converter o valor para maiúsculas no método eventOnInput, o cursor era reposicionado para o final do campo, prejudicando a experiência do usuário ao editar textos no meio da string.

Captura a posição do cursor antes da transformação e restaura via setSelectionRange após aplicar o toUpperCase, garantindo que o cursor permaneça na posição correta.

Fixes #2387

po-input

#2387


PR Checklist [Revisor]

  • Padrão de Commit (Coeso, de acordo com o que está sendo realizado)
  • Código (Boas práticas, nome de variavéis/métodos, etc.)
  • Testes unitários (Cobre a situação implementada e coverage está mantido)
  • Documentação (Clara, objetiva e com exemplos caso necessário)
  • Samples (A implementação possui exemplo no Labs/Caso de uso)
  • Rodado em navegadores suportados (Chrome, FireFox, Edge)

Qual o comportamento atual?
Ao digitar no meio de uma frase no componente po-input com o cursor ia para o fim da frase.

Qual o novo comportamento?
O cursor se mantém no lugar esperado ao digitar no meio da frase.

Simulação
Para simular necessário rodar o projeto, aplicar no arquivo no app.component o código encontrado no stackblitz fornecido na abertura da issue: https://stackblitz.com/edit/po-ui-beqs56bj?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts

Ao converter o valor para maiúsculas no método eventOnInput, o cursor
era reposicionado para o final do campo, prejudicando a experiência do
usuário ao editar textos no meio da string.

Captura a posição do cursor antes da transformação e restaura via
setSelectionRange após aplicar o toUpperCase, garantindo que o cursor
permaneça na posição correta.

Fixes po-ui#2387
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

po-input: Cursor mudando de posição

2 participants