diff --git a/src/plugins/start/settings/components/PluginCard.tsx b/src/plugins/start/settings/components/PluginCard.tsx index e929ba0..1373d8e 100644 --- a/src/plugins/start/settings/components/PluginCard.tsx +++ b/src/plugins/start/settings/components/PluginCard.tsx @@ -65,17 +65,15 @@ export function InstalledPluginCard({ const enabled = Boolean(flags & PluginFlags.Enabled) const styles_ = usePluginCardStyles() - const settingsRef = useClickOutside( - () => - enableTooltipTarget.current === settingsRef.current && - setEnablePluginTooltipVisible?.(false), - ) + const settingsRef = useClickOutside(() => { + if (enableTooltipTarget.current === settingsRef.current) + setEnablePluginTooltipVisible?.(false) + }) - const switchRef = useClickOutside( - () => - essentialTooltipTarget.current === switchRef.current && - setEssentialPluginTooltipVisible?.(false), - ) + const switchRef = useClickOutside(() => { + if (essentialTooltipTarget.current === switchRef.current) + setEssentialPluginTooltipVisible?.(false) + }) return ( @@ -102,8 +100,11 @@ export function InstalledPluginCard({ e.stopPropagation() resetTooltips() - enableTooltipTarget.current = settingsRef.current - setEnablePluginTooltipVisible?.(true) + requestAnimationFrame(() => { + enableTooltipTarget.current = + settingsRef.current + setEnablePluginTooltipVisible?.(true) + }) }} > { + essentialTooltipTarget.current = + switchRef.current + setEssentialPluginTooltipVisible?.(true) + }) } }} ref={switchRef}