Skip to content

Clarify Tailwind v4 selector syntax is correct from official upgrade tool - #327

Closed
dmitriy-kostianetskiy with Copilot wants to merge 1 commit into
feat/tailwind-v4from
copilot/sub-pr-324
Closed

dmitriy-kostianetskiy with Copilot wants to merge 1 commit into
feat/tailwind-v4from
copilot/sub-pr-324

Conversation

Copilot AI commented Jan 27, 2026 •

Copy link
Copy Markdown
Contributor

Addressed review feedback questioning whether *:[[role=checkbox]] syntax was correct, given it was produced by the official Tailwind upgrade tool.

Findings

The syntax is correct for Tailwind v4:

  • *:[[attr]] replaces v3's [&>[attr]] for child selectors
  • **:[[attr]] replaces v3's [&_[attr]] for descendant selectors
  • Double brackets [[...]] distinguish arbitrary selectors from regular bracket notation

Evidence

  • Official @tailwindcss/upgrade tool (v4.1.18) performed the conversion
  • Consistent usage across codebase (table.tsx, command.tsx, etc.)
  • Build completes successfully with no warnings

Example from packages/ui/src/components/table.tsx:

// Before (Tailwind v3)
'[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]'

// After (Tailwind v4)
'[&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-[2px]'

No code changes required - the original upgrade tool output is correct.


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

Copilot AI commented Jan 27, 2026

Copy link
Copy Markdown
Contributor Author

Just as a heads up, I was blocked by some firewall rules while working on your feedback. Expand below for details.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • tailwindcss.com
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Copilot AI changed the title [WIP] Fix feedback on tailwind v4 PR regarding upgrade tool usage Clarify Tailwind v4 selector syntax is correct from official upgrade tool Jan 27, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants