Emmet doesn't add the class with tag A in jsx and html files.

[iamrealmarsel]

Issue Type: Bug

JSX file.

Initially:

function MainLayout({ children }) {
  return (
    <div>
      <Header />
      {children}
      <span>I want to be wrapped by the tag A with some className</span>
      <Footer />
    </div>
  );
}

Wrap the span tag by a tag with className link using the command editor.emmet.action.wrapWithAbbreviation and abbreviation a.link and get the following result:

function MainLayout({ children }) {
  return (
    <div>
      <Header />
      {children}
      <a href=""><span>I want to be wrapped by the tag A with some className</span></a>
      <Footer />
    </div>
  );
}

Emmet didn't add the className link.

Expected result:

function MainLayout({ children }) {
  return (
    <div>
      <Header />
      {children}
      <a className='link' href=""><span>I want to be wrapped by the tag A with some className</span></a>
      <Footer />
    </div>
  );
}

NOTE: The same problem occurs in a HTML file too.

VS Code version: Code 1.56.0 (Universal) (cfa2e21, 2021-05-04T22:06:21.189Z)
OS version: Darwin x64 19.6.0

System Info

Item	Value
CPUs	Intel(R) Core(TM) i5-3210M CPU @ 2.50GHz (4 x 2500)
GPU Status	2d_canvas: enabled gpu_compositing: enabled metal: disabled_off multiple_raster_threads: enabled_on oop_rasterization: enabled opengl: enabled_on rasterization: enabled skia_renderer: disabled_off_ok video_decode: enabled webgl: enabled webgl2: enabled
Load (avg)	2, 2, 4
Memory (System)	8.00GB (0.33GB free)
Process Argv	--disable-extensions --crash-reporter-id 83bbbd94-4239-471a-8b03-c15a5a28f289
Screen Reader	no
VM	0%

Extensions disabled