Fix #5485: Messages restore close animation (#5486)

primefaces · Dec 1, 2023 · eeb91c1 · eeb91c1
1 parent eaa7285
commit eeb91c1
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/lib/messages/Messages.js b/components/lib/messages/Messages.js
@@ -3,7 +3,7 @@ import { TransitionGroup } from 'react-transition-group';
 import { PrimeReactContext } from '../api/Api';
 import { useHandleStyle } from '../componentbase/ComponentBase';
 import { CSSTransition } from '../csstransition/CSSTransition';
-import { ObjectUtils, mergeProps } from '../utils/Utils';
+import { ObjectUtils, classNames, mergeProps } from '../utils/Utils';
 import { MessagesBase } from './MessagesBase';
 import { UIMessage } from './UIMessage';
 
@@ -103,7 +103,7 @@ export const Messages = React.memo(
 
         const transitionProps = mergeProps(
             {
-                classNames: ptCallbacks.cx('transition'),
+                classNames: classNames('p-message', ptCallbacks.cx('transition')),
                 unmountOnExit: true,
                 timeout: { enter: 300, exit: 300 },
                 options: props.transitionOptions