PrimeNG component animation trigger warnings since updating Angular to 14.x

[nicholas-ochoa]

Describe the bug

Since updating my project to Angular 14, I've seen a number of animation trigger warnings in the console when running my application. For example when using a p-panel component:

<p-panel [showHeader]="false">testing</p-panel>

I see the following in my console:

The animation trigger "panelContent" has built with the following warnings:
 - The following provided properties are not animatable: overflow
   (see: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties)

Which seems to come from:

primeng/src/app/components/panel/panel.ts

Lines 40 to 56 in c9b61ff

	animations: [
	trigger('panelContent', [
	state('hidden', style({
	height: '0',
	overflow: 'hidden'
	})),
	state('void', style({
	height: '{{height}}'
	}), {params: {height: '0'}}),
	state('visible', style({
	height: '*'
	})),
	transition('visible <=> hidden', [style({ overflow: 'hidden'}), animate('{{transitionParams}}')]),
	transition('void => hidden', animate('{{transitionParams}}')),
	transition('void => visible', animate('{{transitionParams}}'))
	])
	],

Obviously not a huge issue, but reducing any additional noise in the console is always useful.

Environment

Angular 14.0.1
PrimeNG 13.4.1

Reproducer

No response

Angular version

14.0.1

PrimeNG version

13.4.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

16.15.0

Browser(s)

Chrome 102

Steps to reproduce the behavior

No response

Expected behavior

No response

[mountpoint]

It relates also to p-messages and p-accordionTab components.
I think there are much more components with this warning.

And yes, this warning appeared after updating to Angular 14

[craigashworth]

Also seeing it on rootItem and submenu
The animation trigger "rootItem" has built with the following warnings:

• The following provided properties are not animatable: overflow
  (see: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties)

The animation trigger "submenu" has built with the following warnings:

• The following provided properties are not animatable: overflow
  (see: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties)

[sthompson-celerity]

This should not be closed as it is still happening on accordionTab