fix: use correct required indicator escaping in Lumo JS mixin (#10569)

web-padawan · web-flow · commit 2f818d32bd77 · 2025-12-03T14:35:06.000+02:00
diff --git a/packages/vaadin-lumo-styles/mixins/required-field.js b/packages/vaadin-lumo-styles/mixins/required-field.js
@@ -62,7 +62,7 @@ const requiredField = css`
   }
 
   :host([required]) [part='required-indicator']::after {
-    content: var(--vaadin-input-field-required-indicator, var(--lumo-required-field-indicator, '\2022'));
+    content: var(--vaadin-input-field-required-indicator, var(--lumo-required-field-indicator, '\\2022'));
     color: var(
       --vaadin-input-field-required-indicator-color,
       var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color))

Original file line number	Diff line number	Diff line change
@@ -62,7 +62,7 @@ const requiredField = css`
`62`	`62`	`}`
`63`	`63`
`64`	`64`	`:host([required]) [part='required-indicator']::after {`
`65`		`- content: var(--vaadin-input-field-required-indicator, var(--lumo-required-field-indicator, '\2022'));`
	`65`	`+ content: var(--vaadin-input-field-required-indicator, var(--lumo-required-field-indicator, '\\2022'));`
`66`	`66`	`color: var(`
`67`	`67`	`--vaadin-input-field-required-indicator-color,`
`68`	`68`	`var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color))`