Chips | Cannot remove p-focus (Firefox) #12016
Labels
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
Milestone
Describe the bug
Firefox bug
Provided we use p-chips with max set to 5. After reaching the fifth value and add this value by pressing
enter
thep-focus
css class does not get removed from theul
elementIn Chrome and Edge Chromium it works as aspected.
Environment
Running Angular v14 and primeNG v14
Reproducer
https://stackblitz.com/edit/primeng-chips-demo-hbcyme?file=src/app/app.component.html
Angular version
14
PrimeNG version
14
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
14
Browser(s)
Firefox 105
Steps to reproduce the behavior
Add max attribute to the chips component, keep adding values and hit enter untill max is reached.
In FF the class
p-focus
is still bound to the ul element while in Chrome end Edge the class has been removed.The example provided here is running on angular v13 and primeng v13, but it has the same behavior on v14
Expected behavior
After reaching the max and hitting
enter
that thep-focus
class has been removed from theul
elementThe text was updated successfully, but these errors were encountered: