Use requestIdleCallback for tooltip creation

scripts/AnimeNotifier.ts

@@ -238,6 +238,7 @@ export default class AnimeNotifier {
 	}
 
 	assignTooltipOffsets(elements?: IterableIterator<HTMLElement>) {
+		requestIdleCallback(() => {
 			const distanceToBorder = 5
 			let contentRect: ClientRect
 
@@ -245,12 +246,17 @@ export default class AnimeNotifier {
 				elements = findAll("tip")
 			}
 
+			// Assign mouse enter event handler
 			for(let element of elements) {
+				Diff.mutations.queue(() => {
+					element.classList.add("tip-active")
+				})
+
 				element.onmouseenter = () => {
-				if(element.dataset.offsetAssigned) {
-					element.onmouseenter = null
-					return
-				}
+					// if(element.dataset.offsetAssigned) {
+					// 	element.onmouseenter = null
+					// 	return
+					// }
 
 					Diff.mutations.queue(() => {
 						if(!contentRect) {
@@ -271,7 +277,7 @@ export default class AnimeNotifier {
 						}
 
 						if(leftOffset !== 0) {
-						element.classList.remove("tip")
+							element.classList.remove("tip-active")
 							element.classList.add("tip-offset-root")
 
 							let tipChild = document.createElement("div")
@@ -282,11 +288,10 @@ export default class AnimeNotifier {
 							tipChild.style.height = rect.height + "px"
 							element.appendChild(tipChild)
 						}
-
-					element.dataset.offsetAssigned = "true"
 					})
 				}
 			}
+		})
 	}
 
 	dragAndDrop() {

scripts/MutationQueue.ts

@@ -59,6 +59,11 @@ export class MutationQueue {
 	}
 
 	wait(callBack: () => void) {
+		if(this.mutations.length === 0) {
+			callBack()
+			return
+		}
+
 		this.onClearCallBacks.push(callBack)
 	}
 }

styles/tip.scarlet

@@ -45,6 +45,9 @@ mixin tip-after
 	pointer-events none
 
 .tip
+	//
+
+.tip-active
 	position relative
 
 	:before