Inline style regular doesn't work when below comments

[gyhyfj]

Vue version

3.2.40

Link to minimal reproduction

https://sfc.vuejs.org/#eNq1kcuOwjAMRX/FyhLRBmmkWXQ6SPMf2fThaUKbh5y0DEL990lKQQgkdqxiX8fHtu6Z/TiXTyOygglTBtRuqALuY9yqCXw4Dfgt2FG1QRbwudu5vy+oq6bvyI6mzRo7WCrA96d6GFGw2AiQWtMLt/5LBsA34K3GIJXpYMOv8or/WPBXUaLqZHhUn2c7Zfq1fBm0L3lcIJ2wvrFgSknA33XWm/cv+c0XtmVKO0sh05XLD96aaNx5OXEteMEKWJSkRWdTLpgMwfmCc//bJLsPPrfU8RjlNJqgNObodVaTPXqkCBZse8fgUZyQMkLTIiG9Yj58feIm7CzMzOZ/PmzPNw==

Steps to reproduce

It's quite strange!
Just chekout that SFC Playground Link above, we can see:
This rule width: 300px; doesn't work below comments.

And it becomes stranger, once I add another <div> element at this SFC Playground Link, that rule width: 300px; below comments worked well again!

Firstly I found this issue in quasar, maybe it's cause by Vite?

What is expected?

Inline css rules below comments show work well just like in normal html file, since my ide (vscode) allow me to write like that.

What is actually happening?

Sometimes Inline css rules below comments doesn't work

System Info

System:
  OS: Windows 10 10.0.19044
  CPU: (8) x64 Intel(R) Core(TM) i5-9300H CPU @ 2.40GHz
  Memory: 1.85 GB / 7.92 GB
Binaries:
  Node: 16.16.0 - C:\Program Files\nodejs\node.EXE
  Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
  npm: 8.11.0 - C:\Program Files\nodejs\npm.CMD
Browsers:
  Edge: Spartan (44.19041.1266.0), Chromium (105.0.1343.53)
  Internet Explorer: 11.0.19041.1566

Any additional comments?

No response