po-angular
po-angular copied to clipboard
po-radio-group: mais de 1 radio-group em um formulário não funciona
Reprodução
Passos para reproduzir:
- Colocar dois po-radio-group com a mesma lista (ou diferente) dentro de um formulário com formcontrolname diferentes
- A lista p-options dos radio groups no caso é um Sim e Não de label com 1 e 0 de value respectivamente.
- Clicar no primeiro Sim do primeiro radio group, vai setar o value para 1 desse formcontrolname.
- Clicar no primeiro Sim do segundo radio group, vai setar o value para 1 desse formcontrolname, porém vai desselecionar o primeiro radiogroup e selecionar o segundo radiogroup no 'Sim'
Qual o comportamento atual?
(imagem mostrando o segundo radio-group selecionado e o primeiro radio-group sendo desselecionado após a seleção do segundo radio-group.
Caso tenha mais de um radio-group dentro do formulário, ao selecionar um radio group e depois selecionar outra opção do segundo radio-group, ele desseleciona o primeiro. Isso não acontecia em versões anteriores.
Que comportamento você esperava ver?
radio-groups funcionarem independentemente da seleção de outro radio-group.
Ambiente
- PO UI: 16.14.0
- Angular: 16.2.0
- Browser(s):
- [ ] Chrome
- [ ] Firefox
- [x] Edge
- [ ] Safari
- [ ] IE 11
- [ ] Outros
- Operating System:
- [x] Windows
- [ ] macOS
- [ ] Ubuntu
- [ ] Outros
Boa Tarde @guiworks, tudo bem?
Para podermos apoiá-lo precisaremos de mais detalhes para entender a situação
- Utilize o Stackblitz para reproduzir o problema: https://stackblitz.com/edit/po-ui
Detalhe passo a passo a reprodução da ocorrência, inclua evidências utilizando imagens, vídeos ou gifs:
- Passo 1...*
- Passo 2...
- Detalhe o comportamento atual:
- Detalhe o comportamento que você espera ver:
Informe a versão dos ambientes:
- PO UI: Ex. v15.8.0
- Angular: Ex. 15
- Node: Ex. 15
Informe o Browser:
- [ ] Chrome
- [ ] Firefox
- [ ] Edge
- [ ] Safari
- [ ] IE 11
- [ ] Outros
Informe e o Sistema Operacional:
- [ ] Windows
- [ ] macOS
- [ ] Ubuntu
- [ ] Outros
Aguardamos seu retorno!
@anliben eu estou tendo o mesmo problema. no meu caso, eu consegui resolver passando o atributo name
pro componente, porém na doc diz que é opcional então imagino que seja um bug mesmo.
[edit] eu reli a doc e o campo name não tá como opcional. porém, imagino que o comportamento deveria ser diferente, ou informar esse site effect na própria doc.
Segue o exemplo pra reprodução (eu uso Chrome no macOS): https://stackblitz.com/edit/po-ui-ygimhx
Em tempo, o link do stackblitz de vocês tá quebrando pra mim. Eu tive que setar "type": "module"
no package.json pra fazer funcionar. Esse é o erro que tá aparecendo sem o type:
Error in /~/src/app/app.module.ts (29:22)
Cannot use import statement outside a module