Skip to content

Emmet suggestions produces incorrect Jinja syntax #179422

@pamelafox

Description

@pamelafox

Type: Bug

  1. Open an HTML file.

  2. Start typing a Jinja template tag like {% if %}

  3. Notice an Emmet suggestion pop up and accept it. Now the curly brackets are gone, which is invalid Jinja syntax.

You might wonder, why did I accept the suggestion?

  1. It's easy to tab accept something without thinking, and I've accepted it many times without even noticing it called "Emmet suggestion"
  2. Someone new to Jinja might think that Emmet knows more than they do, and trust the suggestion.

I ran into this myself personally and while running Flask workshops for developers new to Flask.

VS Code version: Code - Insiders 1.78.0-insider (Universal) (cbf3532, 2023-04-04T18:48:48.802Z)
OS version: Darwin arm64 22.4.0
Modes:
Sandboxed: Yes
Remote OS version: Linux x64 5.15.49-linuxkit

System Info
Item Value
CPUs Apple M1 Pro (10 x 24)
GPU Status 2d_canvas: enabled
canvas_oop_rasterization: disabled_off
direct_rendering_display_compositor: disabled_off_ok
gpu_compositing: enabled
metal: disabled_off
multiple_raster_threads: enabled_on
opengl: enabled_on
rasterization: enabled
raw_draw: disabled_off_ok
video_decode: enabled
video_encode: enabled
vulkan: disabled_off
webgl: enabled
webgl2: enabled
webgpu: enabled
Load (avg) 7, 11, 10
Memory (System) 16.00GB (0.08GB free)
Process Argv --crash-reporter-id 29b0fda8-7569-499a-9770-cfbb5ac8c0cf
Screen Reader no
VM 0%
Item Value
Remote Dev Container: simple-flask-server-example
OS Linux x64 5.15.49-linuxkit
CPUs unknown (5 x 0)
Memory (System) 8.74GB (0.01GB free)
VM 0%
Extensions (10)
Extension Author (truncated) Version
jupyter-keymap ms- 1.1.0
remote-containers ms- 0.289.0
vscode-eslint dba 2.4.0
copilot-nightly Git 1.79.10758
vscode-github-actions git 0.25.3
python ms- 2023.6.0
vscode-pylance ms- 2023.4.10
jupyter ms- 2023.3.1000892223
jupyter-keymap ms- 1.1.0
jupyter-renderers ms- 1.0.15
A/B Experiments
vsliv695:30137379
vsins829:30139715
vsliv368:30146709
vsreu685:30147344
python383cf:30185419
vspor879:30202332
vspor708:30202333
vspor363:30204092
vslsvsres303:30308271
pythontb:30258533
pythonptprofiler:30281269
vshan820:30294714
pythondataviewer:30285072
vscod805cf:30301675
bridge0708:30335490
bridge0723:30353136
cmake_vspar411:30581797
vsaa593cf:30376535
pythonvs932:30404738
cppdebug:30492333
vsclangdf:30492506
c4g48928:30535728
dsvsc012cf:30540253
pynewext54:30618038
pylantcb52:30590116
nodejswelcome1:30587009
pyind779:30611226
pythonsymbol12:30651887
a9j8j154:30646983
6233i204:30659907
pythonb192:30661256
functionswalk:30687959
pythonms35:30671666
0bg3d529:30680467
ecj1e332:30687743
pythonclientmv:30700173

Metadata

Metadata

Assignees

Labels

bugIssue identified by VS Code Team member as probable bugconfirmedIssue has been confirmed by VS Code Team memberemmetEmmet related issueshelp wantedIssues identified as good community contribution opportunitiesverifiedVerification succeeded

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions