Broken change for div with class

[robhudson]

Testing v1.3.0 with previous formatting on v1.2.1 resulted in this change:

-    <div class="met-ex metropolis02">
-      Growth <b>&</b> Usage
+    <divclass="met-ex metropolis02">
+      Growth
+      <b>&</b>
+      Usage

[dummdidumm]

I cannot reproduce this given your snippet. What's your prettier config, and give a minimum reproducible?

[Conduitry]

(I should note that I didn't actually try to reproduce this before adding the bug label, sorry if that was misleading!)

[robhudson]

Here's my .prettierrc.js and a full file example that reproduces the issue for me...

File: .prettierrc.js

module.exports = {
  singleQuote: true,

  // Hard-wrap Markdown
  proseWrap: 'always',
};

File: Test.svelte

<style>
  .metropolis {
    font-family: 'Metropolis';
  }

  .met-ex {
    margin-top: var(--space-8x);
    margin-bottom: var(--space-12x);
  }

  .metropolis02 {
    font-family: 'Metropolis';
    font-size: var(--text-08);
    font-weight: 400;
    color: white;
    background-color: var(--pantone-red-700);
    padding: var(--space-2x);
    padding-left: var(--space-4x);
    /* padding-right: calc(var(--space-4x) - 11px); */
    padding-right: var(--space-4x);
    width: max-content;
    border-radius: var(--space-base);
    box-shadow: 8px 8px 0px var(--pantone-red-600),
      16px 16px 0px var(--pantone-red-500), 24px 24px 0px var(--pantone-red-400),
      32px 32px 0px var(--pantone-red-300), 40px 40px 0px var(--pantone-red-200);
  }

  .metropolis02 b {
    font-weight: black;
    font-size: 0.7em;
  }
</style>

<div>
  <h1>Fonts</h1>
  <div>
    <h2 class="metropolis">
      Metropolis
    </h2>
    <div>
      Metropolis is a geometric typeface used for page & app title elements,
      primarily – think of it as the "brand font". As such, try to only use it
      for logos and dashboard titles.
    </div>
    <div class="met-ex metropolis02">
      Growth <b>&</b> Usage
      <!-- <span>α</span> -->
    </div>
  </div>
</div>

[dummdidumm]

I narrowed this down to this minimum reproducible:

<div class="met-ex metropolis02">
        <!--  -->
</div>

It seems the comment is messing something up.

This issue also occurs in previous versions, so it's not related to 1.3.0