diff --git a/src/lib/utils/Frame.svelte b/src/lib/utils/Frame.svelte
index 9d76cafb8..a9e1adfc1 100644
--- a/src/lib/utils/Frame.svelte
+++ b/src/lib/utils/Frame.svelte
@@ -6,7 +6,8 @@
   import type { TransitionConfig } from 'svelte/transition';
   import type { HTMLAnchorAttributes } from 'svelte/elements';
 
-  const noop = () => ({});
+  const null_transition = () => ({ duration: 0 });
+  const noop = () => {};
 
   type TransitionFunc = (node: HTMLElement, params: any) => TransitionConfig;
   type FrameColor = keyof typeof bgColors;
@@ -35,7 +36,7 @@
   export let shadow: boolean = false;
 
   // Export a prop through which you can set a desired svelte transition
-  export let transition: TransitionFunc = noop;
+  export let transition: TransitionFunc = null_transition;
   // Pass in extra transition params
   export let params: object = {};
 
diff --git a/src/lib/utils/Popper.svelte b/src/lib/utils/Popper.svelte
index d32f71380..7232107f2 100644
--- a/src/lib/utils/Popper.svelte
+++ b/src/lib/utils/Popper.svelte
@@ -137,7 +137,7 @@
     };
   });
   function optional(pred: boolean, func: (ev: Event) => void) {
-    return (pred && func) || null;
+    return pred ? func : () => undefined;
   }
 
   let position: string = 'bottom';