diff --git a/apps/docs/src/components/block-display.tsx b/apps/docs/src/components/block-display.tsx
index 27d0afb..fbd2794 100644
--- a/apps/docs/src/components/block-display.tsx
+++ b/apps/docs/src/components/block-display.tsx
@@ -77,7 +77,7 @@ export function BlockDisplay(props: { name: string }) {
             >
               <iframe
                 src={`/blocks/${item().name}`}
-                class="pointer-events-none relative z-20 hidden h-[800px] w-full bg-background md:block"
+                class="relative z-20 hidden h-[800px] w-full bg-background md:block"
               />
             </ResizablePanel>
             <ResizableHandle class="relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-x-px after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 md:block" />
diff --git a/apps/docs/src/styles/app.css b/apps/docs/src/styles/app.css
index a6ffd63..b6442c7 100644
--- a/apps/docs/src/styles/app.css
+++ b/apps/docs/src/styles/app.css
@@ -142,3 +142,7 @@
 ::-webkit-scrollbar-corner {
   display: none;
 }
+
+[data-corvu-resizable-panel]:has(+ [data-corvu-resizable-handle][data-dragging]) iframe {
+  pointer-events: none;
+}