Skip to content

Different Behaviour of Select in Table in V21 than in V20 #19193

@HBurhop

Description

@HBurhop

Describe the bug

In version 20, when having a p-select in a p-table, after selecting a value, the select box was gone and the value was in the table. With version 21 the behaviour is now different, after selecting a value, the select box is still present, which is inconvinient for a user to have an extra click to see the value in the table. I'm open for any suggestions.
Stackblitz Angular 20 + PrimeNG 20: https://stackblitz.com/edit/stackblitz-starters-qxlw6ysa?file=src%2Fexample%2Fexample.html
Stackblitz Angular 21 + PrimeNG 21: https://stackblitz.com/edit/stackblitz-starters-f8z41f7w?file=src%2Fexample%2Fexample.html

Additional information:
In my local project I got it also working with legacy peer deps and PrimeNG20, so that I would assume that this is a change in behaviour in PrimeNG

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/stackblitz-starters-f8z41f7w?file=src%2Fexample%2Fexample.html,src%2Fexample%2Fexample.ts,src%2Fapp.config.ts,package.json

Environment

Angular 21 + PrimeNG21

Angular version

21.0.3

PrimeNG version

v21

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

  1. Click on Select
  2. Select a value
  3. Select Box is still present

Expected behavior

  1. Click on Select
  2. Select a value
  3. Select Box is not present and only the value is shown

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    Status

    Review

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions