Update CHANGELOG.md

fix(frontend): use-tooltip の呼び出し元の UI が無くなったら自動的に削除されるようにする (#11949 )
* Update use-tooltip.ts * Update CHANGELOG.md
2023-10-03 11:28:26 +09:00 · 2023-10-03 11:27:51 +09:00
2 changed files with 19 additions and 0 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -12,6 +12,11 @@

 -->

+## 2023.10.0
+
+### Client
+- Fix: リアクションしたユーザ一覧のUIが稀に左上に残ってしまう不具合を修正
+
 ## 2023.9.3
 ### General
 - Enhance: ノートの翻訳機能の利用可否をロールで設定可能に
--- 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();
 	};
Author	SHA1	Message	Date
syuilo	000abcd2f0	Update CHANGELOG.md	2023-10-03 11:28:26 +09:00
YAVIIGI	e00fdc2d59	fix(frontend): use-tooltip の呼び出し元の UI が無くなったら自動的に削除されるようにする (#11949 ) * Update use-tooltip.ts * Update CHANGELOG.md	2023-10-03 11:27:51 +09:00