Priotize events in conflict with transformControls

Hi, what would be an opportunity to solve this issue:

I want 2 spheres (3D objects) being draggable. Each sphere gets a html text element that is positioned next to the sphere.

To select an object you need to click at the text to attach transform controls to the 3D object.

So far so good but if 2 elements are close to each other the click on the HTML text element is priotized over the transformControl handle. So trying to drag the handle results in the text element being selected.

I want the transformControl handle to fire before the HTML clickevent. Or any working other solution (fire by click of the textelement only and not drag.)

TransformControlsPriotizeEvents