diff --git a/index.html b/index.html
index 208f873..7af21e6 100644
--- a/index.html
+++ b/index.html
@@ -1032,7 +1032,7 @@ <h3 class="font-bold font-mono">On Change Example:</h3>
           <script>
             showSelect = false
           </script>
-          <div class="p-4 border border-dashed border-black rounded mt-2">
+          <div class="p-4 border border-dashed border-black rounded mt-2" :clickout="showSelect = false">
             <div class="flex items-end">
               <div class="flex flex-col w-full">
                 <p class="font-bold font-mono text-sm">Custom Select:</p>
@@ -1107,6 +1107,35 @@ <h3 class="font-bold font-mono">On Change Example:</h3>
                           </svg>
                         </span>
                       </li>
+                      <li
+                        :click="selectedOption = 'Dwight Schrute'"
+                        :class="selectedOption == 'Dwight Schrute' ? 'bg-indigo-600 text-white' : 'text-gray-900' "
+                        class="text-gray-900 relative cursor-default select-none py-2 pl-3 pr-9"
+                        id="listbox-option-0"
+                        role="option"
+                      >
+                        <span
+                          :class="selectedOption == 'Dwight Schrute' ? 'font-semibold' : 'font-normal' "
+                          class="block truncate"
+                          >Dwight Schrute</span
+                        >
+                        <span
+                          class="text-white absolute inset-y-0 right-0 flex items-center pr-4"
+                        >
+                          <svg
+                            class="h-5 w-5"
+                            viewBox="0 0 20 20"
+                            fill="currentColor"
+                            aria-hidden="true"
+                          >
+                            <path
+                              fill-rule="evenodd"
+                              d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
+                              clip-rule="evenodd"
+                            />
+                          </svg>
+                        </span>
+                      </li>
                       <li
                         :click="selectedOption = 'Jen Villaganas'"
                         :class="selectedOption == 'Jen Villaganas' ? 'bg-indigo-600 text-white' : 'text-gray-900' "
diff --git a/lib/entity.js b/lib/entity.js
index f2aa2d6..d10afb5 100644
--- a/lib/entity.js
+++ b/lib/entity.js
@@ -43,6 +43,10 @@ export class Entity {
     return document.documentElement.contains(this.element)
   }
 
+  isEachEl() {
+    return this.element.hasAttribute(':each')
+  }
+
   isInsideEachEl() {
     if (this.element.hasAttribute(':each')) return false
     if (this.element.hasAttribute(':each.item')) return true
@@ -80,6 +84,20 @@ export class Entity {
     )
   }
 
+  setEachItemTemplate() {
+    if (this.getEachItemTemplate()) return
+    const template = document.createElement('template')
+    template.innerHTML = this.element.innerHTML
+    template.id = "ChildTemplate:" + this.id
+    document.body.appendChild(template)
+    this.element.dataset.templateId = template.id
+  }
+
+  getEachItemTemplate() {
+    const template = document.getElementById(this.element.dataset.templateId)
+    return template?.content
+  }
+
   getClosestEl(attr) {
     attr = attr.replaceAll(':', '\\:').replaceAll('.', '\\.')
 
diff --git a/lib/entity/attributes.js b/lib/entity/attributes.js
index 3044b52..c6c654a 100644
--- a/lib/entity/attributes.js
+++ b/lib/entity/attributes.js
@@ -278,7 +278,8 @@ export class Attributes {
 
     try {
       const items = await this._interpret(iterable)
-      this.childClone ||= this.entity.element.cloneNode(true).children
+      this.entity.setEachItemTemplate()
+      this.childClone ||= this.entity.getEachItemTemplate().children
 
       this.entity.element.innerHTML = ''
 
diff --git a/lib/entity/events.js b/lib/entity/events.js
index 67b314e..167af78 100644
--- a/lib/entity/events.js
+++ b/lib/entity/events.js
@@ -149,16 +149,24 @@ export class Events {
     const listener = this.listener[attr]
     if (!listener) return
 
-    if (Array.isArray(listener)) {
-      listener.forEach(({ el, eventName, event }) => {
-        el.addEventListener(eventName, event)
+    [].concat(listener).forEach(({ el, eventName, event }) => {
+      el.addEventListener(eventName, (e) => {
+        this.debounce(() => {
+          event(e)
+        }, 50)
       })
-    } else {
-      const { el, eventName, event } = listener
-      el.addEventListener(eventName, event)
-    }
+    })
   }
 
+  debounce(callback, wait) {
+    if (this.timeout) return
+    clearTimeout(this.timeout)
+    this.timeout = setTimeout(() => {
+      callback()
+      this.timeout = null
+    }, wait)
+  }
+  
   setChangeEvent() {
     const el = this.entity.element
     const key = ':change'
diff --git a/lib/main.js b/lib/main.js
index 10d01ba..cdc30be 100644
--- a/lib/main.js
+++ b/lib/main.js
@@ -42,6 +42,12 @@ export class Mini {
     console.log(`MiniJS took ${executionTime}ms to run.`)
   }
 
+  async reset() {
+    this.observer.disconnect()
+    this.state.dispose()
+    await this.init()
+  }
+
   async _domReady() {
     return new Promise((resolve) => {
       if (document.readyState == 'loading') {
@@ -86,6 +92,13 @@ const MiniJS = (() => {
     console.error('Error initializing MiniJS:', error)
   })
 
+  // Reset MiniJS when the user navigates back
+  window.addEventListener('popstate', () => {
+    mini.reset().catch((error) => {
+      console.error('Error resetting MiniJS after navigation:', error);
+    });
+  });
+
   return {
     get debug() {
       return Mini.debug
@@ -108,6 +121,9 @@ const MiniJS = (() => {
     extendEvents: (events) => {
       mini.extensions.events.extend(events)
     },
+    reset: async () => {
+      await mini.reset()
+    }
   }
 })()
 
diff --git a/lib/state.js b/lib/state.js
index 4847b2d..a02f9d7 100644
--- a/lib/state.js
+++ b/lib/state.js
@@ -297,4 +297,11 @@ export class State {
     const key = `${entityID}.${variable}`
     this.entityVariables.delete(key)
   }
+
+  dispose() {
+    this.shouldUpdate = false
+    this.entities.clear()
+    this.entityVariables.clear()
+    this.variables.clear()
+  }
 }