From 69b4c9f561a6dc14899889d815d555d398799a91 Mon Sep 17 00:00:00 2001
From: Dor Alagem <dor3382@gmail.com>
Date: Wed, 29 Apr 2026 20:47:12 +0300
Subject: [PATCH] fix: skip block comments in read_value to prevent apostrophe
 parsing error (#18153)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #18134.

## Problem

`read_value()` in
`packages/svelte/src/compiler/phases/1-parse/read/style.js` has no logic
to skip CSS block comments (`/* ... */`). When the parser encounters an
apostrophe inside a comment, it sets `quote_mark = "'"` — treating it as
the start of a string literal — then never finds a matching closing
quote, and ultimately throws `unexpected_eof` at the end of the style
block.

Minimal repro:

```svelte
<style>
  /* it's a comment */
  .foo { color: red; }
</style>
```

→ `Error: Unexpected end of input`

## Fix

Add a `/* ... */` skip path inside the `read_value` loop, mirroring the
same pattern already used in `allow_comment_or_whitespace`. When `/*` is
detected outside a string or url context, the parser advances past the
entire comment without adding its content to the value string.

---------

Co-authored-by: Dor Alagem <doralagem@MacBook-Pro-sl-Dor.local>
Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/three-pears-build.md                   |  5 +++++
 .../src/compiler/phases/1-parse/read/style.js     | 15 +++++++++++++++
 .../samples/comment-with-apostrophe/expected.css  |  4 ++++
 .../samples/comment-with-apostrophe/input.svelte  |  7 +++++++
 4 files changed, 31 insertions(+)
 create mode 100644 .changeset/three-pears-build.md
 create mode 100644 packages/svelte/tests/css/samples/comment-with-apostrophe/expected.css
 create mode 100644 packages/svelte/tests/css/samples/comment-with-apostrophe/input.svelte

diff --git a/.changeset/three-pears-build.md b/.changeset/three-pears-build.md
new file mode 100644
index 0000000000..8a638149a3
--- /dev/null
+++ b/.changeset/three-pears-build.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ignore comments when reading CSS values
diff --git a/packages/svelte/src/compiler/phases/1-parse/read/style.js b/packages/svelte/src/compiler/phases/1-parse/read/style.js
index 8cb1d54d54..160e5da277 100644
--- a/packages/svelte/src/compiler/phases/1-parse/read/style.js
+++ b/packages/svelte/src/compiler/phases/1-parse/read/style.js
@@ -524,6 +524,21 @@ function read_value(parser) {
 			in_url = true;
 		} else if ((char === ';' || char === '{' || char === '}') && !in_url && !quote_mark) {
 			return value.trim();
+		} else if (
+			char === '/' &&
+			!in_url &&
+			!quote_mark &&
+			parser.template[parser.index + 1] === '*'
+		) {
+			parser.index += 2;
+			while (parser.index < parser.template.length) {
+				if (parser.template[parser.index] === '*' && parser.template[parser.index + 1] === '/') {
+					parser.index += 2;
+					break;
+				}
+				parser.index++;
+			}
+			continue;
 		}
 
 		value += char;
diff --git a/packages/svelte/tests/css/samples/comment-with-apostrophe/expected.css b/packages/svelte/tests/css/samples/comment-with-apostrophe/expected.css
new file mode 100644
index 0000000000..a196d53cc8
--- /dev/null
+++ b/packages/svelte/tests/css/samples/comment-with-apostrophe/expected.css
@@ -0,0 +1,4 @@
+
+	p.svelte-xyz {
+		padding: 0 /* it's a comment */ 1em;
+	}
diff --git a/packages/svelte/tests/css/samples/comment-with-apostrophe/input.svelte b/packages/svelte/tests/css/samples/comment-with-apostrophe/input.svelte
new file mode 100644
index 0000000000..0f9e0d2355
--- /dev/null
+++ b/packages/svelte/tests/css/samples/comment-with-apostrophe/input.svelte
@@ -0,0 +1,7 @@
+<p>red</p>
+
+<style>
+	p {
+		padding: 0 /* it's a comment */ 1em;
+	}
+</style>