tailwindcss: Custom animations with more than 1 animation separeted by commas dont work

What version of Tailwind CSS are you using?

v2.2.4

What build tool (or framework if it abstracts the build tool) are you using?

Next.js 11.0.1

What version of Node.js are you using?

v16.4.2

What browser are you using?

Chrome

What operating system are you using?

Windows

Reproduction repository

https://play.tailwindcss.com/si3enE3TvA

Describe your issue

On tailwind.config.js

theme: {
  extend: {
    animation: {
      issue: 'animation1, animation2',
    }
  }
}

adding multiple animations makes the keyframes disappear from the styled component which makes the animation not work

About this issue

  • Original URL
  • State: closed
  • Created 3 years ago
  • Comments: 15 (1 by maintainers)

Most upvoted comments

This is in fact still happening as of august 2023

Will be fixed in the next patch release, hopefully Monday or Tuesday 👍 Thank you!

i am having this issue, 21-03-23