po-angular icon indicating copy to clipboard operation
po-angular copied to clipboard

todos-inputs: ngIf não funciona com nenhum input do po-ui que tenha required

Open guiworks opened this issue 11 months ago • 3 comments

Reprodução

https://po-ui-7ksbea.stackblitz.io/

Passos para reproduzir:

  1. Ter um control com required no html/formbuilder
  2. Criar um ngIf que faça um toggle de true/false para checar o status valid do formulário

Qual o comportamento atual?

Quando um input está com required true e o ngIf faz ele desaparecer, o formulário não reseta esse required dele para false, uma vez que ele não existe mais no formulário, pois o required dele foi setado via html.

Que comportamento você esperava ver?

Caso um input do po-ui esteja ocultado com ngIf, ele deveria resetar também o required. Fiz o teste com input puro do html e o comportamento foi como esperado, ele resetava o valor e o status do formulário ficava válido.

Com isso a gente não consegue criar formgroups dinâmicos com required, pois se tiver que ocultar esse formgroup, o required vai travar a validação do formulário.

Ambiente

  • PO UI: Última versão
  • Angular: Última versão
  • Browser(s):
    • [ ] Chrome
    • [ ] Firefox
    • [x] Edge
    • [ ] Safari
    • [ ] IE 11
    • [ ] Outros
  • Operating System:
    • [x] Windows
    • [ ] macOS
    • [ ] Ubuntu
    • [ ] Outros

guiworks avatar Mar 05 '24 04:03 guiworks

Boa Tarde @guiworks, tudo bem?

Não conseguimos visualizar o código do seu stackblitz, pois foi compartilhado apenas no modo de visualização! Attr.

anliben avatar Mar 05 '24 20:03 anliben

Opa, boa tarde, Atualizei o link no post principal

guiworks avatar Mar 05 '24 21:03 guiworks

Bom Dia @guiworks, tudo bem?

Os componentes do 'po-ui' são encapsulados e nosso componente precisa que o required seja setado para false para lhe atender. Não temos uma sugestão para seu caso uma vez que todos os formulários required deveriam ser visíveis, podendo aplicar outra abordagem a eles.

anliben avatar Mar 12 '24 12:03 anliben