From 5262bf16bf5bc0bf82cc04838b448fb1ed406929 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Thu, 21 Jul 2022 16:12:05 +0200
Subject: [PATCH] fix(ui): fix clickmap card items selectors

---
 .../MessageDistributor/StatedScreen/Screen/BaseScreen.ts     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/app/player/MessageDistributor/StatedScreen/Screen/BaseScreen.ts b/frontend/app/player/MessageDistributor/StatedScreen/Screen/BaseScreen.ts
index fc52660f5..81ced7774 100644
--- a/frontend/app/player/MessageDistributor/StatedScreen/Screen/BaseScreen.ts
+++ b/frontend/app/player/MessageDistributor/StatedScreen/Screen/BaseScreen.ts
@@ -138,7 +138,8 @@ export default abstract class BaseScreen {
   getElementBySelector(selector: string): Element | null {
     if (!selector) return null;
     try {
-      return this.document?.querySelector(selector) || null;
+      const safeSelector = selector.replace(/:/g, '\\\\3A ').replace(/\//g, '\\/');
+      return this.document?.querySelector(safeSelector) || null;
     } catch (e) {
       console.error("Can not select element. ", e)
       return null
@@ -186,4 +187,4 @@ export default abstract class BaseScreen {
   clean() {
     window.removeEventListener('resize', this.scale);
   }
-}
\ No newline at end of file
+}