fix: escape single quotes from data-tooltip-id selector

ReactTooltip · Apr 28, 2024 · ab0f163 · ab0f163
1 parent c7f865f
commit ab0f163
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
@@ -646,7 +646,7 @@ const Tooltip = ({
   useEffect(() => {
     let selector = imperativeOptions?.anchorSelect ?? anchorSelect ?? ''
     if (!selector && id) {
-      selector = `[data-tooltip-id='${id}']`
+      selector = `[data-tooltip-id='${id.replace(/'/g, "\\'")}']`
     }
     const documentObserverCallback: MutationCallback = (mutationList) => {
       const newAnchors: HTMLElement[] = []
@@ -798,7 +798,7 @@ const Tooltip = ({
   useEffect(() => {
     let selector = imperativeOptions?.anchorSelect ?? anchorSelect
     if (!selector && id) {
-      selector = `[data-tooltip-id='${id}']`
+      selector = `[data-tooltip-id='${id.replace(/'/g, "\\'")}']`
     }
     if (!selector) {
       return

diff --git a/src/components/TooltipController/TooltipController.tsx b/src/components/TooltipController/TooltipController.tsx
@@ -220,7 +220,7 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
 
       let selector = anchorSelect
       if (!selector && id) {
-        selector = `[data-tooltip-id='${id}']`
+        selector = `[data-tooltip-id='${id.replace(/'/g, "\\'")}']`
       }
       if (selector) {
         try {