From 6b802fc6da3fc2d53b775914650a946dd0f5ef0a Mon Sep 17 00:00:00 2001
From: Bart Heyrman <bartheyrman22@gmail.com>
Date: Mon, 3 Mar 2025 14:44:58 +0100
Subject: [PATCH] Escape querySelector option value

This to correctly find values like "["test"]".
---
 src/Autocomplete/assets/src/controller.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Autocomplete/assets/src/controller.ts b/src/Autocomplete/assets/src/controller.ts
index 6b68283b51d..f89936a5b37 100644
--- a/src/Autocomplete/assets/src/controller.ts
+++ b/src/Autocomplete/assets/src/controller.ts
@@ -192,7 +192,7 @@ export default class extends Controller {
                 for (const [, tomSelectOption] of Object.entries(this.tomSelect.options)) {
                     if (tomSelectOption.$order === optionOrder) {
                         orderedOption = parentElement.querySelector(
-                            `:scope > option[value="${tomSelectOption[this.tomSelect.settings.valueField]}"]`
+                            `:scope > option[value="${tomSelectOption[this.tomSelect.settings.valueField].replace(/["\\]/g, '\\$&')}"]`
                         );
 
                         break;