Sidebar: Badge property not working

[gabboman]

Describe the bug

The badge property on the sidebar menu gets rendered as regular text without anything else


This bug did not happend before the update to 16.2.0. it was ok in 16.0.0

Environment

primeng with primeflex. This bug started happening after the update to 16.2.0

Reproducer

No response

Angular version

16.2.0

PrimeNG version

16.0.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.12.0

Browser(s)

No response

Steps to reproduce the behavior

the badge should be displayed as a small number in a colorful circle

Expected behavior

No response

[SoyDiego]

Describe the bug

The badge property on the sidebar menu gets rendered as regular text without anything else This bug did not happend before the update to 16.2.0. it was ok in 16.0.0

Environment

primeng with primeflex. This bug started happening after the update to 16.2.0

Reproducer

No response

Angular version

16.2.0

PrimeNG version

16.0.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.12.0

Browser(s)

No response

Steps to reproduce the behavior

the badge should be displayed as a small number in a colorful circle

Expected behavior

No response

Please, share a stackblitz.

Thanks

[gabboman]

@SoyDiego I am afraid that the stackblitz fails when using this.
https://stackblitz.com/edit/github-yrp44t?file=src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.module.ts,src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.component.html,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts,src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.component.scss

Here is my update:
Its not the sidebar component, is the panelMenu component.
I also can confirm that the issue happens in 16.1.0 but not in 16.0.2

[SoyDiego]

@SoyDiego I am afraid that the stackblitz fails when using this. https://stackblitz.com/edit/github-yrp44t?file=src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.module.ts,src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.component.html,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts,src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.component.scss

Here is my update: Its not the sidebar component, is the panelMenu component. I also can confirm that the issue happens in 16.1.0 but not in 16.0.2

Yes, it's failing :(

[gabboman]

@SoyDiego I am afraid that the stackblitz fails when using this. https://stackblitz.com/edit/github-yrp44t?file=src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.module.ts,src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.component.html,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts,src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.component.scss
Here is my update: Its not the sidebar component, is the panelMenu component. I also can confirm that the issue happens in 16.1.0 but not in 16.0.2

Yes, it's failing :(

yep, well seems like next release will fix it. Will stay tuned for the 16.2.1 or whatever is the next one :D

[mehrabisajad]

@SoyDiego I am afraid that the stackblitz fails when using this. https://stackblitz.com/edit/github-yrp44t?file=src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.module.ts,src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.component.html,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts,src%2Fapp%2Fcomponents%2Fnavigation-menu%2Fnavigation-menu.component.scss

Here is my update: Its not the sidebar component, is the panelMenu component. I also can confirm that the issue happens in 16.1.0 but not in 16.0.2

Update the dependencies to fix the panelMenu component error.
"@angular-devkit/build-angular": "16.2.0",
"@angular/cli": "16.2.0",
"@angular/compiler-cli": "16.2.1",
"@types/node": "20.5.2",
"typescript": "5.1.6"