Merge pull request #6 from NandhakumarE/develop

Isolate DnD stories in iframes to prevent ID conflicts on Docs page

Author: NandhakumarE

src/stories/core/LockedRules.stories.tsx

@@ -128,6 +128,7 @@ const meta: Meta<typeof LockedDemo> = {
   parameters: {
     layout: "padded",
     docs: {
+      story: { inline: false, height: "350px" },
       source: { code: null },
       description: {
         component: `

src/stories/core/MaxDepth.stories.tsx

@@ -68,6 +68,7 @@ const meta: Meta<typeof MaxDepthDemo> = {
   parameters: {
     layout: "padded",
     docs: {
+      story: { inline: false, height: "350px" },
       source: { code: null },
       description: {
         component: `

src/stories/core/Operators.stories.tsx

@@ -151,6 +151,7 @@ const meta: Meta<typeof OperatorsDemo> = {
   parameters: {
     layout: "padded",
     docs: {
+      story: { inline: false, height: "350px" },
       source: { code: null },
       description: {
         component: `

src/stories/core/WithDragAndDrop.stories.tsx

@@ -79,6 +79,8 @@ const meta: Meta<typeof WithDragAndDropDemo> = {
   parameters: {
     layout: "padded",
     docs: {
+      // Render each story in iframe to isolate DnD contexts
+      story: { inline: false, height: "350px" },
       source: { code: null },
       description: {
         component: `
@@ -155,6 +157,7 @@ export const WithNestedGroups: Story = {
   args: { initialQuery: nestedQuery },
   parameters: {
     docs: {
+      story: { inline: false, height: "450px" },
       description: {
         story: "Drag rules between groups or reorder groups themselves.",
       },