[TwigComponent] Fix escaping of Alpine.js attribute keys containing numeric characters

klausi85 · klausi85 · commit c565e9ea05e9 · 2025-06-12T08:16:03.000+02:00
Alpine.js attribute keys like `@input.debounce.500ms` (see https://alpinejs.dev/directives/on#debounce) will now be correctly handled without being escaped.
diff --git a/src/TwigComponent/src/ComponentAttributes.php b/src/TwigComponent/src/ComponentAttributes.php
@@ -80,7 +80,7 @@ public function __toString(): string
             //      xml:*, xmlns:*,
             // - special syntax names (Vue.js, Svelte, Alpine.js, ...)
             //      v-*, x-*, @*, :*
-            if (!ctype_alpha(str_replace(['-', '_', ':', '@', '.'], '', $key))) {
+            if (!ctype_alnum(str_replace(['-', '_', ':', '@', '.'], '', $key))) {
                 $key = (string) $this->escaper->escape($key, 'html_attr');
             }
 

Original file line number	Diff line number	Diff line change
`@@ -80,7 +80,7 @@ public function __toString(): string`
`80`	`80`	`// xml:, xmlns:,`
`81`	`81`	`// - special syntax names (Vue.js, Svelte, Alpine.js, ...)`
`82`	`82`	`// v-, x-, @, :`
`83`		`- if (!ctype_alpha(str_replace(['-', '_', ':', '@', '.'], '', $key))) {`
	`83`	`+ if (!ctype_alnum(str_replace(['-', '_', ':', '@', '.'], '', $key))) {`
`84`	`84`	`$key = (string) $this->escaper->escape($key, 'html_attr');`
`85`	`85`	`}`
`86`	`86`