Skip to content

inlineStyleThreshold: Infinity not escaping ` in css file #15319

@ZombieChibiXD

Description

@ZombieChibiXD

Describe the bug

Bug encountered after build and attempting to deploy
Any inlineStyleThreshold: Infinity fulfilling the prerequisites will end up having trouble deploying because of this bug where it is impossible for SSR to serve page because css inlining encounters an error (in my case, using wrangler preview)

Reproduction

Make a simple css file with ` in it. Usually something like this:

.sample:after {
    content: '`'
}

add other css that requires dynamic linking, usually a font css declaration, in order to make the build file make something like this:
export default function css(assets, base) { return

attempt build

Logs

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (16) x64 AMD Ryzen 7 5800H with Radeon Graphics
    Memory: 5.47 GB / 27.86 GB
  Binaries:
    Node: 22.19.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.22 - C:\sdks\NodeJS\yarn.CMD
    npm: 10.9.3 - C:\Program Files\nodejs\npm.CMD
    pnpm: 10.17.0 - C:\Program Files\nodejs\pnpm.CMD
    bun: 1.2.18 - C:\sdks\NodeJS\bun.CMD
  Browsers:
    Chrome: 144.0.7559.132
    Edge: Chromium (140.0.3485.66)
    Firefox: 146.0.1 - C:\Program Files\Mozilla Firefox\firefox.exe
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    @sveltejs/adapter-auto: ^7.0.0 => 7.0.0
    @sveltejs/adapter-cloudflare: ^7.2.6 => 7.2.6
    @sveltejs/kit: ^2.50.2 => 2.50.2
    @sveltejs/vite-plugin-svelte: ^6.2.4 => 6.2.4
    svelte: ^5.50.0 => 5.50.0
    vite: ^7.3.1 => 7.3.1

Severity

serious, but I can work around it

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions