Fix issue with event delegation when renderer is not attached

Author: zuizuihao

src/Components/Web.JS/src/Rendering/Events/EventDelegator.ts

@@ -3,7 +3,7 @@
 
 import { EventFieldInfo } from './EventFieldInfo';
 import { eventNameAliasRegisteredCallbacks, getBrowserEventName, getEventNameAliases, getEventTypeOptions } from './EventTypes';
-import { dispatchEvent } from '../WebRendererInteropMethods';
+import { isRendererAttached, dispatchEvent } from '../WebRendererInteropMethods';
 
 const nonBubblingEvents = toLookup([
   'abort',
@@ -136,6 +136,13 @@ export class EventDelegator {
       return;
     }
 
+    if (!isRendererAttached(this.browserRendererId)) {
+      // when connection closed, it will detachWebRendererInterop, so we need to check if the renderer is still attached
+      const targetElement = evt.target as Element;
+      console.warn(`${evt.type} on ${targetElement.localName}${targetElement.className ? ' with class ' + targetElement.className : ''} is not handled because the renderer is not attached`);
+      return;
+    }
+
     // Always dispatch to any listeners for the original underlying browser event name
     this.dispatchGlobalEventToAllElements(evt.type, evt);