From 3dcdb55f14c4e49b4d5f497f19ceb413931728c4 Mon Sep 17 00:00:00 2001
From: Nicholas Jitkoff <nicholas@jitkoff.com>
Date: Sat, 11 Feb 2023 10:20:32 -0700
Subject: [PATCH] Update menu close

---
 docs/bitty-menu.js | 12 +++++-------
 docs/index.css     |  4 +++-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/bitty-menu.js b/docs/bitty-menu.js
index cdd8b31..49e43d4 100644
--- a/docs/bitty-menu.js
+++ b/docs/bitty-menu.js
@@ -85,11 +85,12 @@ class Menu {
     target.scrollLeft = 0;
   }
 
-  close() {
-    let menu = document.querySelector("dialog.menu");
-    menu?.close();
+  close(dialog) {
+    dialog.close();
+    dialog.parentNode.removeChild(dialog);
     this.button?.classList.remove("open")
   }
+
   show(info) {
     let url = location.href;
     let fullMenu = !info;
@@ -97,10 +98,7 @@ class Menu {
     let urlField = el("input.url", {value:url, readonly:true});
     urlField.onclick = (e) => this.selectField(urlField);
     let menu = el("dialog.menu", {onclick: (e) => {
-      if (e.target.tagName == 'DIALOG') {
-        e.target.close();
-        this.button?.classList.remove("open")
-      }
+      if (e.target.tagName == 'DIALOG') { this.close(menu); }
     }}, el("div.menu-container", {},
       urlField,
       el("div.menu-icons",
diff --git a/docs/index.css b/docs/index.css
index 70270e4..31d2abf 100644
--- a/docs/index.css
+++ b/docs/index.css
@@ -61,14 +61,16 @@ body {
   font-size: 48px;
   /* transition: font-size 1000ms ease-in; */
 }
+#menu.open svg,
 #menu:hover svg{
   background:#16161d;
 
 }
-
+#menu.open svg .inner,
 #menu:hover svg .inner {
   fill:white;
 }
+#menu.open svg .outer,
 #menu:hover svg .outer {
   fill:transparent;
 }