blocks resizehandle is fixed now

stefan-karger · Dec 2, 2024 · e0fb741 · e0fb741
1 parent 7af279c
commit e0fb741
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -142,3 +142,7 @@
 ::-webkit-scrollbar-corner {
   display: none;
 }
+
+[data-corvu-resizable-panel]:has(+ [data-corvu-resizable-handle][data-dragging]) iframe {
+  pointer-events: none;
+}