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

po-radio-group: mais de 1 radio-group em um formulário não funciona

Open guiworks opened this issue 1 year ago • 2 comments

Reprodução

Passos para reproduzir:

  1. Colocar dois po-radio-group com a mesma lista (ou diferente) dentro de um formulário com formcontrolname diferentes
  2. A lista p-options dos radio groups no caso é um Sim e Não de label com 1 e 0 de value respectivamente.
  3. Clicar no primeiro Sim do primeiro radio group, vai setar o value para 1 desse formcontrolname.
  4. 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?

image (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

guiworks avatar Feb 22 '24 23:02 guiworks

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 avatar Feb 23 '24 17:02 anliben

@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

ricmello avatar Apr 09 '24 23:04 ricmello