Svelte

Css attribute pruning is not case insensitive

#17207

Development PR

Issue

Solved
H
hyunbinseo
Nov 21, 2025, 11:30 AM

Describe the bug

<script lang="ts">
  import { logout } from "./logout.remote";
</script>

<!-- Adding this form element -->
<form {...logout}></form>

<!-- 1. Does not add `svelte-*` class name in build output -->
<form method="GET">
  <h1>Hello, World!</h1>
</form>

<style lang="postcss">
  /* 2. Disables the following warning: */
  /* Unused CSS selector "form[method="get"] :global" */
  form[method="get"] :global {
    h1 {
      color: red;
    }
  }
</style>

In vite preview, the markup is:

<form method="POST" action="?/remote=" class="svelte-1uha8ag"></form>
<form method="GET"><h1>Hello, World!</h1></form>
  1. The h1 element is red in dev only (due to lack of svelte-* class name)
  2. The unused CSS warning is incorrect (which is why it is red in dev mode)

The case sensitivity of attribute names and values depends on the document language. In HTML, attribute names are case-insensitive, as are spec-defined values. —

Reproduction

https://github.com/hyunbinseo/svelte-kit-14963

System Info

System:
  OS: Windows 11 10.0.26200
  CPU: (8) x64 Intel(R) Core(TM) Ultra 7 258V
  Memory: 4.66 GB / 31.48 GB
Binaries:
  Node: 24.11.0 - C:\Users\hyunb\AppData\Local\fnm_multishells\25576_1763723570534\node.EXE
  Yarn: 1.22.22 - C:\Users\hyunb\AppData\Local\fnm_multishells\25576_1763723570534\yarn.CMD
  npm: 11.6.1 - C:\Users\hyunb\AppData\Local\fnm_multishells\25576_1763723570534\npm.CMD
  pnpm: 10.23.0 - C:\Users\hyunb\AppData\Local\fnm_multishells\25576_1763723570534\pnpm.CMD
  Deno: 2.4.0 - C:\Users\hyunb\.deno\bin\deno.EXE
Browsers:
  Chrome: 142.0.7444.164
  Edge: Chromium (140.0.3485.54)
  Firefox: 145.0.1 - C:\Program Files\Mozilla Firefox\firefox.exe
npmPackages:
  @sveltejs/adapter-auto: ^7.0.0 => 7.0.0
  @sveltejs/kit: ^2.47.1 => 2.49.0
  @sveltejs/vite-plugin-svelte: ^6.2.1 => 6.2.1
  svelte: ^5.41.0 => 5.43.14
  vite: ^7.1.10 => 7.2.4

Severity

serious, but I can work around it

Additional Information

No response

Info

Closed at Feb 17, 2026, 2:54 PM
Assignees None
Labels css
Milestone None

Pro tip: You can prefix GitHub URLs of issues, PRs or discussions with svcl.dev/ to view them on this page! Also try it on a GitHub release ;)