diff --git a/CHANGELOG.md b/CHANGELOG.md index ee2f11b1564025f64d319a88c5ebb5843e577bc5..c6cadf54b694aa2693dbc2f4b2879c5cc2baf5d3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -20,6 +20,7 @@ - Enhance: AiScriptã§ãƒ›ã‚¹ãƒˆã®ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’å‚ç…§ã™ã‚‹å®šæ•°`SERVER_URL`ã‚’è¿½åŠ - Enhance: モデレーションãƒã‚°æ©Ÿèƒ½ã®å¼·åŒ– - Enhance: ãƒãƒ¼ã‚«ãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã®æ›´æ–° +- Fix: リアクションã—ãŸãƒ¦ãƒ¼ã‚¶ä¸€è¦§ã®UIãŒç¨€ã«å·¦ä¸Šã«æ®‹ã£ã¦ã—ã¾ã†ä¸å…·åˆã‚’ä¿®æ£ ### Server - Fix: Redisã«å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚ャッシュãŒæ®‹ã£ã¦ã„ã‚‹å ´åˆã€ã‚ャッシュãŒæ¶ˆãˆã‚‹ã¾ã§ã®é–“通知ãŒå±Šã‹ãªããªã‚‹å•é¡Œã‚’ä¿®æ£ diff --git a/packages/frontend/src/scripts/use-tooltip.ts b/packages/frontend/src/scripts/use-tooltip.ts index 0a82997728b17e851988797c7283813b218e4793..17ea380db06cbe36f5447279ef32c3d1432f17f7 100644 --- a/packages/frontend/src/scripts/use-tooltip.ts +++ b/packages/frontend/src/scripts/use-tooltip.ts @@ -21,6 +21,8 @@ export function useTooltip( let changeShowingState: (() => void) | null; + let autoHidingTimer; + const open = () => { close(); if (!isHovering) return; @@ -33,6 +35,16 @@ export function useTooltip( changeShowingState = () => { showing.value = false; }; + + autoHidingTimer = window.setInterval(() => { + if (!document.body.contains(elRef.value)) { + if (!isHovering) return; + isHovering = false; + window.clearTimeout(timeoutId); + close(); + window.clearInterval(autoHidingTimer); + } + }, 1000); }; const close = () => { @@ -53,6 +65,7 @@ export function useTooltip( if (!isHovering) return; isHovering = false; window.clearTimeout(timeoutId); + window.clearInterval(autoHidingTimer); close(); }; @@ -67,6 +80,7 @@ export function useTooltip( if (!isHovering) return; isHovering = false; window.clearTimeout(timeoutId); + window.clearInterval(autoHidingTimer); close(); };