Replace DOMNodeInserted event handler with MutationObserver, fix #115

Author: monim67

src/bootstrap_datepicker_plus/settings.py

@@ -8,7 +8,7 @@
 try:
     from pydantic import Field, validator
     from pydantic.env_settings import BaseSettings, SettingsSourceCallable
-except:  # pragma: no cover
+except Exception:  # pragma: no cover
     from pydantic.v1 import Field, validator  # type: ignore
     from pydantic.v1.env_settings import (  # type: ignore
         BaseSettings,
@@ -48,7 +48,7 @@ class WidgetSettings(BaseSettings):  # pyright: ignore
     bootstrap_icon_css_url: Optional[str] = (
         "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"
     )
-    app_static_url = "https://cdn.jsdelivr.net/gh/monim67/django-bootstrap-datepicker-plus@5.0.2/src/bootstrap_datepicker_plus/static/bootstrap_datepicker_plus/"
+    app_static_url = "https://cdn.jsdelivr.net/gh/monim67/django-bootstrap-datepicker-plus@5.0.6/src/bootstrap_datepicker_plus/static/bootstrap_datepicker_plus/"
     debug: bool = Field(default_factory=lambda: getattr(django_settings, "DEBUG", True))
 
     @validator("addon_icon_classes")

src/bootstrap_datepicker_plus/static/bootstrap_datepicker_plus/js/datepicker-widget.js

@@ -43,11 +43,19 @@
 
   document.addEventListener('DOMContentLoaded', function (event) {
     setTimeout(() => findAndProcessInputs(document));
-    document.addEventListener('DOMNodeInserted', function (event) {
-      setTimeout(() => {
-        if (event.target.querySelectorAll) findAndProcessInputs(event.target);
-      });
+    const observer = new MutationObserver((mutationsList, observer) => {
+      for (const mutation of mutationsList) {
+        if (mutation.type === 'childList') {
+          const addedNodes = Array.from(mutation.addedNodes);
+          addedNodes.forEach(node => {
+            if (node.querySelectorAll) {
+              findAndProcessInputs(node);
+            }
+          });
+        }
+      }
     });
+    observer.observe(document, { childList: true, subtree: true });
   });
 
   /**