refactor: ensure DropZones can still capture pointer event

chrisvxd · chrisvxd · commit d5324f154307 · 2025-01-21T15:19:23.000Z
Previous commit addressed a bug related to the data- attributes being overwritten, but failed to address the underlying CSS styles that enable the DropZone to capture the necessary pointer events to trigger the NestedDroppablePlugin.
diff --git a/packages/core/components/DraggableComponent/styles.css b/packages/core/components/DraggableComponent/styles.css
@@ -12,7 +12,7 @@
   -webkit-user-select: none;
 }
 
-[data-puck-dnd] {
+[data-puck-dropzone] {
   pointer-events: auto !important; /* Ensure DropZones still capture pointer events inside data-puck-components so elementsFromPoint triggers */
 }
 

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@`
`12`	`12`	`-webkit-user-select: none;`
`13`	`13`	`}`
`14`	`14`
`15`		`-[data-puck-dnd] {`
	`15`	`+[data-puck-dropzone] {`
`16`	`16`	`pointer-events: auto !important; /* Ensure DropZones still capture pointer events inside data-puck-components so elementsFromPoint triggers */`
`17`	`17`	`}`
`18`	`18`