Item Content is missing on Drag and Drop items
I asked the question on Slack and I was wising it will be fixed on the new React codebase. However, it still presents in the new code.
Your environment
- tested on commit 16f3fec but it happens on the release before v11.4.0 too
- Version 129.0.6668.70 (Official Build) (64-bit)
Steps to reproduce
cd gridstack.js/react
# apply the diff provided below to `src/demo/demo.tsx`
npm run dev
diff --git a/react/src/demo/demo.tsx b/react/src/demo/demo.tsx
index 2e1499b5..5071091c 100644
--- a/react/src/demo/demo.tsx
+++ b/react/src/demo/demo.tsx
@@ -1,5 +1,5 @@
import { ComponentProps, useEffect, useState } from "react";
-import { GridStackOptions, GridStackWidget } from "gridstack";
+import { GridStackOptions, GridStack, GridStackWidget } from "gridstack";
import {
ComponentDataType,
ComponentMap,
@@ -136,8 +136,17 @@ export function GridStackDemo() {
// ! Uncontrolled
const [initialOptions] = useState(gridOptions);
+ useEffect(() => {
+ // setup drag drop behavior
+ let sidebarContent = [
+ { w:2, h:2, subGridOpts: { children: [{content: 'nest 1'}, {content: 'nest 2'}]}}
+ ];
+ GridStack.setupDragIn('.sidebar-item', undefined, sidebarContent);
+ }, []);
+
return (
<GridStackProvider initialOptions={initialOptions}>
+ <div className="sidebar-item grid-stack-item">Drag nested</div>
<Toolbar />
<GridStackRenderProvider>Expected behavior
The item content shouldn't be missing.
Item Content is missing on Drag and Drop items
I asked the question on Slack and I was wising it will be fixed on the new React codebase. However, it still presents in the new code.
Your environment
Steps to reproduce
Expected behavior
The item content shouldn't be missing.