angular / angular/angular

New control flow missing command features

Open
#65,501 0 comments 0 reactions 0 assignees View on GitHub
area: vscode-extension bug
Dominant language
TypeScript
Stars
101k
Forks
27.5k
Avg merge
1d 19h
Merged PRs (30d)
288

Description

# 🐞 bug report

### Is this a regression?
### Description
I don't know if the issue is right here at all.
But since the new control flow syntax, three shortcuts/commands in the template are missing or not working properly.

1. Go to Bracket -> Jumps to the corresponding bracket.
- Behaviour still works with HTML tags. Unfortunately this does not work at all with the `@if` etc. brackets.

2. Expand selection/Shrink selection -> SHIFT + ALT + Right/Left Arrow Key.
- Unfortunately, the brackets/blocks are no longer respected as they were with HTML tags. Especially with nested if-conditions.

3. Emmet Wrap with Abbreviation
- No longer possible with the new syntax because they are not HTML tags. Is there an alternative?

## Bug Type
What does this bug affect

- [x] Angular Language Service VSCode extension
- [ ] Angular Language Service server

## Reproduction

Steps to reproduce the behavior:
**First Command - Go to Bracket**
1. Go to an angular template with new control flow syntax
2. Focus a `@if` or other new expression
3. Use command `Go to Bracket` (CTRL+SHIFT+^)
5. Nothing Happens
**Expected behavior**
Should jump to corresponding bracket.

**Second command - Expand/Shrink Selection**
1. Go to an angular template with new control flow syntax
2. Create a nested `@if` or other new expression.
3. Use command `Expand/Shrink selection` (SHIFT+ALT+Right/Left arrow key)
**Expected behavior**
Should select block by block (bracket to bracket).

**Third command - Emmet Wrap with Abbreviation**
1. Cannot wrap with new @if () {${selection}} syntax.

### **Logs**
### **Screenshots**
![image](https://github.com/user-attachments/assets/b8484a5d-1855-443a-9dc7-a25b63881b71)
![image](https://github.com/user-attachments/assets/00139df1-5e38-40f8-aca4-779e0158c37a)

## 🌍 Your Environment
**Angular Version:**



Angular CLI: 18.1.1

Extension Version:



v18.1.2

VSCode Version:



v1.91.1

Operating System:



Microsoft Windows 10 Pro
Version 10.0.19045 Build 19045

Extension options:

**Anything else relevant?**

Contributor guide

Open the contributing guide

Research direction

The issue targets the Angular Language Service VSCode extension and new @if template syntax. Start by reproducing Go to Bracket and Expand/Shrink Selection with nested @if blocks, then investigate the extension's template-editor integration; Emmet wrapping is also reported as unavailable. Done means the affected commands work with the new control-flow blocks, or the supported alternative is documented.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript, vscode
Domain
developer-experience, frontend, tooling
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.