diff --git a/src/lib/html/message-flash.html b/src/lib/html/message-flash.html
index 956a710..94fa260 100644
--- a/src/lib/html/message-flash.html
+++ b/src/lib/html/message-flash.html
@@ -1,6 +1,8 @@
-{{#if flash}}
-
-
- {{ flash.message }}
-
-{{/if}}
+
+ {{#if flash}}
+
+
+ {{ flash.message }}
+
+ {{/if}}
+
diff --git a/src/lib/js/index.ts b/src/lib/js/index.ts
index 5774bb0..5047237 100644
--- a/src/lib/js/index.ts
+++ b/src/lib/js/index.ts
@@ -4,7 +4,7 @@ document.addEventListener("DOMContentLoaded", () => {
flashButtons.forEach((button) => {
const flash = button.parentNode;
- if (flash == null) {
+ if (flash === null) {
console.error(
"Unreachable because our `querySelector` includes a parent; something went very wrong"
);
@@ -12,12 +12,7 @@ document.addEventListener("DOMContentLoaded", () => {
}
flash.addEventListener("click", () => {
- if (flash == null) {
- console.error("Completely unreachable.");
- return;
- }
-
- if (flash.parentNode == null) {
+ if (flash.parentNode === null) {
console.error(
"Notification not placed in DOM; something went very wrong"
);
@@ -26,6 +21,23 @@ document.addEventListener("DOMContentLoaded", () => {
flash.parentNode.removeChild(flash);
});
+
+ // In development, there won't be a web server hooked up to
+ // this to render the flash message, so we remove it entirely
+ if (process.env.NODE_ENV === "development") {
+ if (
+ flash.parentNode === null ||
+ flash.parentNode.parentNode === null
+ ) {
+ return;
+ }
+
+ console.warn("Disabling flash message");
+
+ // Get the containing element
+ const block = flash.parentNode;
+ flash.parentNode.parentNode.removeChild(block);
+ }
});
});