po-angular
po-angular copied to clipboard
todos-inputs: ngIf não funciona com nenhum input do po-ui que tenha required
Reprodução
https://po-ui-7ksbea.stackblitz.io/
Passos para reproduzir:
- Ter um control com required no html/formbuilder
- 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
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.
Opa, boa tarde, Atualizei o link no post principal
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.