Is there a way to prevent the drag event firing when the starting event is in a specific child element

[haxxxton]

I have a carousel of items. i am using useDrag on the carousel to facilitate the rotation through a series of these items. Right now the user can click anywhere on the item to drag things around.

I am looking to create certain zones within the item where there is selectable text. right now trying to drag to select causes the drag to fire. i have tried wrapping my text element in a div with onDrag onDragStart onDragEnd, and calling e.preventDefault(); e.stopPropagation().. this doesnt currently work.

Does anyone know if theres something on the returned bindDrag or a different set of things to call on the event that could solve what im trying to do?