Skeleton component's wave animation misbehaving

[DallasEpperson]

Steps to reproduce

Link to live example: https://mui.com/material-ui/react-skeleton/

Steps:

1. Utilize a <Skeleton> component with animation="wave" in MUI v6.
2. Observe the animation is not working properly.

See the v5 implementation for how the animation should appear. https://v5.mui.com/material-ui/react-skeleton/

Current behavior

The entire span that makes up the MuiSkeleton-root is animating instead of the ::after pseudo element.

Expected behavior

The ::after pseudo element should animate via CSS, not the MuiSkeleton-root span.

Context

No response

Your environment

Browser Info

  Tested with Chrome 128

Search keywords: skeleton wave

[DallasEpperson]

This looks to be fixed in a recent commit
d2e0762

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

We value your feedback @DallasEpperson! How was your experience with our support team?
If you could spare a moment, we'd love to hear your thoughts in this brief Support Satisfaction survey. Your insights help us improve!