JSFiddle - React, Tailwind, and code Playground

HTML

<div class="draggable">
    <table width="100%" cellpadding=0 cellspacing=0 class="headerbox form-bg"><tr><td align="right">
    <a href="javascript:void(0)" onclick="alert('f');">Click</a>
        </td></tr></table>
    
</div>

<iframe src=""></iframe>

CSS

.draggable {
    width: 100px;
    height: 100px;
    background: #ccc;
    margin: 5px;
    z-index:99;
}


.ui-draggable-iframeFix {
    z-index: 1 !important;
}
iframe {
    width: 500px;
    height: 500px;
}

JavaScript

$(document).ready(function(){
    $('.draggable').draggable({
        iframeFix: true
        , cursor: "move" 
    });
});