Missing test for "@container-[size]/sidebar"

[sarimarton]

Hey guys,

thought I share with you that the test case in

https://github.com/tailwindlabs/tailwindcss-container-queries/blob/main/tests/index.test.ts

misses to include

.\@container-\[size\]\/sidebar {
  container-type: size;
  container-name: sidebar;
}

and hence, as I presume the test passes, it proves that it's a bug. I did, in fact, bump into this in my project, as it doesn't generate out the necessary CSS, but having shown the above, I feel needless to provide a public minimal repo, which is needed for a bug ticket. Interestingly though, the intellisense extension in VSCode does recognize the arbitrary-value class, it's just not generated in the CSS by tailwindcss.

"tailwindcss": "3.3.5",
"@tailwindcss/container-queries": "^0.1.1",

A feasible workaround for now of course is using arbitrary css, like

  // doesn't work for now
  '@container-[size]/layout',

  // workaround
  '[container-type:size]',
  '[container-name:layout]'