diff --git a/frontend/src/ts/test/live-counter.tsx b/frontend/src/ts/test/live-counter.tsx
index 4a0dbf4a8..ba0c580d1 100644
--- a/frontend/src/ts/test/live-counter.tsx
+++ b/frontend/src/ts/test/live-counter.tsx
@@ -1,13 +1,15 @@
 import { Accessor, JSXElement } from "solid-js";
 import { VisibleDirectiveProps } from "../types/solid-directives";
+
 import { visible } from "../utils/solid-visible";
+// oxlint-disable-next-line no-unused-expressions no-constant-binary-expression
+false && visible; // Prevents tree-shaking
 
 export function LiveCounter(props: {
   value: Accessor<string>;
   visible?: VisibleDirectiveProps;
   class?: string;
 }): JSXElement {
-  console.log("### counter", { visible: props.visible?.() });
   return (
     <div class={props.class} use:visible={props.visible}>
       {props.value()}
diff --git a/frontend/src/ts/utils/solid-visible.ts b/frontend/src/ts/utils/solid-visible.ts
index 7d4951b91..dc49e7ced 100644
--- a/frontend/src/ts/utils/solid-visible.ts
+++ b/frontend/src/ts/utils/solid-visible.ts
@@ -1,20 +1,18 @@
-import { createEffect } from "solid-js";
+import { Accessor, createEffect } from "solid-js";
 import { ElementWithUtils } from "./dom";
 import { applyReducedMotion } from "./misc";
-import { isFocused } from "../test/focus";
 import { VisibleDirectiveProps } from "../types/solid-directives";
 
 export function visible(
   el: HTMLElement,
-  accessorWrapper: () => VisibleDirectiveProps,
+  accessorWrapper: Accessor<VisibleDirectiveProps>,
 ): void {
   const divUtil = new ElementWithUtils(el);
 
   createEffect(() => {
-    const focused = isFocused();
     const state = accessorWrapper()();
 
-    if (state.value && focused) {
+    if (state.value) {
       if (state.withAnimation) {
         divUtil.animate({
           opacity: [0, 1],