React-beautiful-dnd: Error when disabling draggable in v11.0.0-beta

Created on 7 Apr 2019  ·  4Comments  ·  Source: atlassian/react-beautiful-dnd

Setting isDragDisabled to true in version 11.0.0-beta will throw an Error. The same code will work with 10.1.1

Demo: https://codesandbox.io/embed/github/softmantk/react-dnd-example/tree/test-drag-disable/
Related Stackoverflow: https://stackoverflow.com/questions/55556640/getting-error-find-drag-handle-element-inside-of-draggable-when-adding-isdragd/

  Uncaught Error: Invariant failed: 
  Cannot find drag handle element inside of Draggable.
  Please be sure to apply the {...provided.dragHandleProps} to your Draggable

  More information: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/api/draggable.md

at invariant (tiny-invariant.cjs.js:13)
at getDragHandleRef (react-beautiful-dnd.cjs.js:7364)
at eval (react-beautiful-dnd.cjs.js:7374)
at commitHookEffectList (react-dom.development.js:17283)
at commitPassiveHookEffects (react-dom.development.js:17307)
at HTMLUnknownElement.callCallback (react-dom.development.js:149)
at Object.invokeGuardedCallbackDev (react-dom.development.js:199)
at invokeGuardedCallback (react-dom.development.js:256)
at commitPassiveEffects (react-dom.development.js:18774)
at wrapped (scheduler-tracing.development.js:207)
at flushFirstCallback (scheduler.development.js:107)
at flushWork (scheduler.development.js:219)
at MessagePort.channel.port1.onmessage (scheduler.development.js:611)
beta 👶 bug 🐞 crushed it 🤘 investigating 🕵️‍♂️

All 4 comments

Thanks @fallobst22!!! Love this. I'll take a look

Fix is in: [email protected]

Thanks for finding this @fallobst22

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ibash picture ibash  ·  3Comments

screenmeet picture screenmeet  ·  3Comments

heymartinadams picture heymartinadams  ·  3Comments

h182032 picture h182032  ·  3Comments

JESii picture JESii  ·  3Comments