Input box is not editable when widget is set to drag

[muhammad-shahzad-anjum]

Using in Angular

For a widget item with property draggable to true does not allow me to input text in input control.

Then I tried to set a selector (an element) for drag instead of whole widget as below

HTML

Code let selectorElement: any = document.getElementById( "widget_call_header" );

Widget properties ....'draggable':true , 'dragHandle': selectorElement,...

Still I can move with cursor from whole widget area instead of selector area and unable to click inside input control and cannot type in input.

Please guide me if I am doing something wrong?