click event not support inside daraggable element when drag and click use at the same area

[sujiangyin]

trafficstars

// index.js
<Draggable
    axis="both"
    handle=".handle"
    defaultPosition={{ x: 0, y: 0 }}
    position={positionXY}
    bounds="html"
    offsetParent={document.body}
    scale={1}
    onStop={handleDragStop}
  >
    <div className="handle">
      <Box></Box>
    </div>
</Draggable>


//Box.js
<div onClick={handleClickBox}>
</div>

[ProofWoW]

hey, you have solution?

[William-Depix]

Do //Box.js

<div onClick={handleClickBox} onMouseDown={(e) => e.stopPropagation()}>
</div>