fix: escape pageInnerId in case it contains colons

tkajtoch · tkajtoch · commit b5efa4dc3113 · 2023-08-18T13:49:43.000+02:00
diff --git a/src/components/page_template/page_template.tsx b/src/components/page_template/page_template.tsx
@@ -160,7 +160,8 @@ export const _EuiPageTemplate: FunctionComponent<EuiPageTemplateProps> = ({
   const getBottomBarProps = () => ({
     restrictWidth,
     paddingSize,
-    parent: `#${pageInnerId}`,
+    // pageInnerId may contain colons that are parsed as pseudo-elements if not escaped
+    parent: `#${CSS.escape(pageInnerId)}`,
   });
 
   const innerPanelled = () => panelled ?? Boolean(sidebar.length > 0);
