From cc63ad87828c66ea33f7ebfdf0a20ed922466a95 Mon Sep 17 00:00:00 2001 From: Daphne Date: Wed, 29 Nov 2017 16:54:02 +0100 Subject: [PATCH 1/2] Added disableInteractiveElementBlocking property which was missing See docs. Props of ``` disableInteractiveElementBlocking: An optional flag to opt out of blocking a drag from interactive elements. For more information refer to the section Interactive child elements within a Draggable ``` --- types/react-beautiful-dnd/index.d.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/types/react-beautiful-dnd/index.d.ts b/types/react-beautiful-dnd/index.d.ts index 785c91c889..7bca09f9c3 100644 --- a/types/react-beautiful-dnd/index.d.ts +++ b/types/react-beautiful-dnd/index.d.ts @@ -99,6 +99,7 @@ export interface DraggableProps { draggableId: DroppableId; type?: TypeId; isDragDisabled?: boolean; + disableInteractiveElementBlocking?: boolean; children(provided: DraggableProvided, snapshot: DraggableStateSnapshot): React.ReactElement; } From 5ccdf36eeb0834f1dde116a280911cdf276846d3 Mon Sep 17 00:00:00 2001 From: daphnes Date: Wed, 29 Nov 2017 16:56:42 +0100 Subject: [PATCH 2/2] Added test for disableInteractiveElementBlocking prop for react-beautiful-dnd --- types/react-beautiful-dnd/react-beautiful-dnd-tests.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/types/react-beautiful-dnd/react-beautiful-dnd-tests.tsx b/types/react-beautiful-dnd/react-beautiful-dnd-tests.tsx index 3efc2529ce..8f961e0c7a 100644 --- a/types/react-beautiful-dnd/react-beautiful-dnd-tests.tsx +++ b/types/react-beautiful-dnd/react-beautiful-dnd-tests.tsx @@ -73,7 +73,7 @@ class App extends React.Component<{}, AppState> { style={getListStyle(snapshot.isDraggingOver)} > {this.state.items.map(item => ( - + {(provided, snapshot) => (