Fix translation popup visibility

rgilks · rgilks · commit 323b88c522a4 · 2025-10-15T22:01:20.000+01:00
- Change condition from (isClicked &amp;&amp; isHovering) to (isClicked || isHovering)
- Now popups show on hover OR after clicking
- This fixes the issue where clicked words didn't show translations
- Critical fix for demo!
diff --git a/app/components/TextGenerator/TranslatableWord.tsx b/app/components/TextGenerator/TranslatableWord.tsx
@@ -174,7 +174,7 @@ const TranslatableWord = memo(
     }
 
     const showTranslationPopup =
-      isClicked && isHovering && shouldTranslate && !isLoading && translation !== null;
+      (isClicked || isHovering) && shouldTranslate && !isLoading && translation !== null;
 
     const dataTestIdProps = isRelevant ? { 'data-testid': 'feedback-highlight' } : {};
 

Original file line number	Diff line number	Diff line change
`@@ -174,7 +174,7 @@ const TranslatableWord = memo(`
`174`	`174`	`}`
`175`	`175`
`176`	`176`	`const showTranslationPopup =`
`177`		`- isClicked && isHovering && shouldTranslate && !isLoading && translation !== null;`
	`177`	`+ (isClicked \|\| isHovering) && shouldTranslate && !isLoading && translation !== null;`
`178`	`178`
`179`	`179`	`const dataTestIdProps = isRelevant ? { 'data-testid': 'feedback-highlight' } : {};`
`180`	`180`