Skip to content

syntax highlighting issue with some tailwind class bindings #66818

@imaksp

Description

@imaksp

Is this a bug report or a feature request?

  • Bug Report
  • Feature Request

Please provide the steps to reproduce the issue [Bug Report only]

add following snippet in angular template:

@let mode = 'pre';
<div
  class="relative z-2 flex min-h-screen flex-col items-center gap-4"
  [class.min-h-[calc(100vh-var(--header-height))]]="mode !== 'pre'"
></div>

in this snippet it won't highlight expression (mode !== 'pre') correctly

Please provide the expected behavior vs the actual behavior you encountered [Bug Report only]

It should highlight correctly with any class name. I think brackets inside class name are breaking the highlight logic.

Please provide a screenshot if possible [Bug Report only]

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: language-serviceIssues related to Angular's VS Code language service

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions