pass children to Handle component cause the Handle not being abled to drag

my code

<Handle
      type="source"
      position={Position.Right}
      id={id}
    >
    <IconPlus style={{ opacity: disabled ? 0.2 : 1, zIndex: -1 }} />
</Handle>

when i add a source or target class to its children, it works ok

<Handle
      type="source"
      position={Position.Right}
      id={id}
    >
    <IconPlus class="source" style={{ opacity: disabled ? 0.2 : 1, zIndex: -1 }} />
</Handle>

after digging into the source code, i found this i am not sure if this is a feature or bug, i think most users may expect the children can respond to users’ drag action

[fengChongxiu]

were you able to resolve the issue

just by setting pointer-event to none to handle’s children

[cliffordfajardo]

@fengChongxiu - were you able to resolve the issue? Could you share a small codesandbox.io example so other’s can take a look as well?

• https://codesandbox.io/s/react-ts?file=/src/App.tsx