Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

left angle bracket color before string interpolation is incorrect

See original GitHub issue

Describe the bug

The color of the angle bracket becomes the same as the $ sign.
Also the $ between the two angle brackets loses its distinct color before typing the variable.

To Reproduce

https://user-images.githubusercontent.com/46427323/185261570-aac6be4f-71f4-4f88-8ab6-f8e058e07378.mov

Please complete the following information:

Operating System and version: MacOS
VS Code version: 1.70.0
Dart extension version: v3.46.1
Dart/Flutter SDK version: 2.17.6 (stable)

I’ve been working a lot with code generation lately and when the left angle bracket turns white, it confuses me as if it’s part of the interpolation 😅

Sorry if this is not the right place to file the bug. Cheers

Issue Analytics

State:
Created a year ago
Comments:9 (4 by maintainers)

Top GitHub Comments

1reaction

DanTupcommented, Aug 31, 2022

Thanks - I think that’s it. In your screenshot it looks like the < and $ are joined together, which I guess is because of ligatures, which seems to be https://github.com/microsoft/vscode/issues/131092. I don’t know whether that’s a bug somewhere, or it’s by design that ligatures can only be one color, but I don’t think there’s anything we can do here unfortunately (so going to close this as an upstream issue).

There was a request in VS Code to allow disabling specific ligatures (so you could blacklist <$ for example), but it was closed for not getting enough 👍s:

https://github.com/microsoft/vscode/issues/98758

1reaction

DanTupcommented, Aug 31, 2022

Also - does changing fontLigatures affect it?

Perhaps related to https://github.com/microsoft/vscode/issues/130996, but that claims to be closed. Similar issue reported at https://github.com/golang/vscode-go/issues/1750.

Also, https://github.com/microsoft/vscode/issues/131092 was closed as wontfix.

Top Results From Across the Web

Angle bracket (<) without triggering html code - Stack Overflow

The character “<” is the LESS THAN character. If you actually meant an angle bracket, then you can use U+2329 LEFT-POINTING ANGLE BRACKET...

Invalid parsing of interpolated strings with curly braces ...

The reason for all this has more a historic background. In the past String.Format did not support curly braces after a "hole".

Interpolation - Sass

Interpolation is useful for injecting values into strings, but other than that it's rarely necessary in SassScript expressions. You definitely don't need it...

Quoting constructs - Raku Documentation

Variables with the $ sigil are interpolated whenever the occur (unless escaped); that's why, in the example above, "$color" became blue .

Understanding Angular property binding and interpolation

Use brackets: When binding properties, the square bracket is always expected, and omitting it will lead to Angular treating it like a regular ......