defaultPrevented issue with react-beautiful-dnd

[loun4]

Since the following change 150c020
React Select can no longer be opened through onControlMouseDown and the event.defaultPrevented is always true when the component is rendered inside react-beautiful-dnd.

CSB: https://codesandbox.io/s/vertical-list-forked-mucu2g?file=/index.js

@rkulinski can you consider using internal flag instead of defaultPrevented (53cc8ce) to ensure that the event is captured by dropdown indicator ?

[rkulinski]

Hey. That was my initial proposal - usage of internal flag. See this conversation
#5089

Possibly this case would require some other kind of patch.

[tlenclos]

Can reproduce also after upgrading to 5.3.

[loun4]

@Rall3n @rkulinski Is there a plan to remove the defaultPrevented or provide a way to override the default behavior ?

[kamen-kirilov]

Is there any solution to that one? Still issue with v5.6.0

[sreahard]

It would be great if there was a fix for this, I did work up a fiddle to get this working with react-beautiful-dnd, not ideal, but workable if any one else is running into this. https://codesandbox.io/s/vertical-list-forked-tqwc9v?file=/index.js

[josephnle]

I found another workaround in react-beautiful-dnd. It's still ugly but I'm not yet sure what react-select can do to accommodate the case when a library like react-beautiful-dnd binds to global mousedown.

atlassian/react-beautiful-dnd#1810 (comment)

[ranafaraznaru]

Can someone tell me why we can't select text by double click if text is inside draggable div?

[hoangmf]

Hi everyone,
It still seems like a problem. I'm faced with it.