JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabs">
<ul> <li><a href="#tabs-1">New Tab</a><input type="text" id="Rename2"  /></li></ul>
                                                                    <div id="tabs-1" style="height:200px;">
                                                                                                                                                 <section id="secdiv" style="height:auto;width:auto;"><h1>section 1</h1><p></p></section>
                                                                    </div>                                                                                                                                                                                                      

                                                                    </div>
<div id="Drag_tbox">test</div>

JavaScript

$(function () {
                    var $Drag_tbox = $("#Drag_tbox"),                       
                        $drop_box = $("#tabs-1"),
                        $drop_box_sec = $("#secdiv");
            

            $Drag_tbox.draggable(
                    {
                        zIndex: 9003,
                        revert: "invalid",
                        helper: "clone",
                        drag: function (event, ui) {
                            num = 1;
                            return num;
                        }
                    });
          
           

            $drop_box_sec.droppable({
                zIndex: 9003,
                greedy: true,
                drop: function (event, ui) {
                    alert('test');
                        if (num == 1) {
                            $drop_box_sec.append('<tr><td align="center"><asp:Label runat="server" Text="Label"></asp:Label><input id="Text1" type="text" /></tr></td>');                          
                        }
                }

            });

           
            $drop_box.droppable({
                zIndex: 9003,
                drop: function (event, ui) {

                    
                        if (num == 1) {
                            $drop_box.append('<tr><td align="center"><asp:Label runat="server" Text="Label"></asp:Label><input id="Text1" type="text" /></tr></td>');
                           
                        }                       
                  
                }

            });
});