JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dragObj" draggable="true">
    <div>Header</div>
    <div><textarea>Some text to select</textarea>
</div>

CSS

div {
    border: 1px solid red;
    padding: 15px;
}

div textarea {
    width: 100%;
    height: 50px;
}

JavaScript

$(document).ready(function(){
    $('#dragObj').on('dragstart', function(event){
        event.originalEvent.dataTransfer.setData('text/html', '');
    }).find('textarea').on('focus', function(event){
        $(this).parent().parent().attr('dragable', false);
    }).on('blur', function(event){
        $(this).parent().parent().attr('dragable', true);
    });
});