Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
2 of 10 tasks
guiworks opened this issue Feb 22, 2024 · 2 comments
Open
2 of 10 tasks
Labels
bug Something isn't working

Comments

@guiworks
Copy link

guiworks commented Feb 22, 2024

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
    • Edge
    • Safari
    • IE 11
    • Outros
  • Operating System:
    • Windows
    • macOS
    • Ubuntu
    • Outros
@guiworks guiworks added the bug Something isn't working label Feb 22, 2024
@anliben
Copy link
Contributor

anliben commented Feb 23, 2024

Boa Tarde @guiworks, tudo bem?

Para podermos apoiá-lo precisaremos de mais detalhes para entender a situação

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!

@ricmello
Copy link
Contributor

ricmello commented Apr 9, 2024

@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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants