From 5bb864173ec54ae790781673024c0def122b296b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=96=87?= <yangwen@deepwise.com>
Date: Fri, 24 May 2024 15:58:52 +0800
Subject: [PATCH] fix bug: removeListener sometimes not working

---
 src/element-resize-detector.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/element-resize-detector.js b/src/element-resize-detector.js
index 57d98dd..5739e12 100644
--- a/src/element-resize-detector.js
+++ b/src/element-resize-detector.js
@@ -229,6 +229,18 @@ module.exports = function(options) {
                 //The element is not prepared to be detectable, so do prepare it and add a listener to it.
                 elementUtils.markBusy(element, true);
                 return detectionStrategy.makeDetectable({ debug: debug, important: importantCssRules }, element, function onElementDetectable(element) {
+
+                    // If the element or its parent has already been removed and appended to the DOM again
+                    // then Object.onload is been called again, and this function will be called again
+                    // such as keep-alive in vue;
+                    // so we need to avoid calling this function again
+                    // in some scenarios: users want to removeListener before element been removed
+                    // but when the element been appended to the DOM again, if this function is called
+                    // then addListener function will be called again
+                    if(elementUtils.isDetectable(element)) {
+                        return
+                    }
+
                     debug && reporter.log(id, "onElementDetectable");
 
                     if (stateHandler.getState(element)) {