Skip to content

Tailwind Intellisense does not work if zed-angular extension is installed. #87

Description

@daudln

In an Angular project initialized with Tailwind CSS (v4), installing the zed-angular extension causes a conflict with Tailwind's zen default language features. While the Angular features work fine after installation, all Tailwind CSS IntelliSense capabilities (autocomplete, hover previews, syntax highlighting, and linting) completely stop working. Uninstalling the zed-angular extension instantly restores full Tailwind support.

Steps to Reproduce:

  • Initialize a new Angular project configured with Tailwind CSS (v4).

  • Open the project in Zed without the zed-angular extension installed.

  • Write a Tailwind utility class in an HTML template to verify that Tailwind IntelliSense (autocomplete and hover previews) is working correctly.

  • Install the zed-angular extension.

  • Return to the HTML template and attempt to write or hover over Tailwind CSS classes.

Expected Behavior:

Tailwind CSS IntelliSense (autocomplete, hover previews, syntax highlighting, and linting) should continue to function seamlessly alongside Angular language features when the zed-angular extension is active.

Actual Behavior:

Tailwind CSS language features break entirely. There is no autocomplete, hover preview, syntax highlighting, or linting for Tailwind classes. Uninstalling the zed-angular extension is the only way to get Tailwind support working again.

Environment:

  • OS: macOS

  • Zed Version: 1.0.0 (1.0.0+stable.257.5ec84a926ef83865afb92d2a3d1ca3b419572cf9)

  • Environment: Local

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions