Can't type in Select2 dropdown input search field

Can’t type in Select2 dropdown input search field.

I have found many issues listed which mentions the same problem but nothing worked for me (https://www.google.com/search?q=can’t+type+in+select2&ie=utf-8&oe=utf-8&client=firefox-b-ab). I can’t type in Select2 dropdown input search field in model dialog using jQuery. By the way i can select value fine from dropdown. Tried inserting tabindex: 0 but no luck.

    $.ajax({
        type: "POST",
        url: "<?php echo $myScripts; ?>",
        data: { id1: "get-release-dropdown-html", id100: "<?php echo $dbTable; ?>" },
        success:function(releaseDropdown){

          $('#progress').hide();

          $( "#modelDialog1" ).dialog({
            modal: true,
            width: '570',
            height: '600',
            resizable: true,
            position:
            {
                my: "center",
                at: "center",
                of: window,
             },
            title: "Trigger Build",
            open: function() {

                $(this).html("<br/>Please select job options.<br/><br/><br/><b>Release:</b>" + releaseDropdown + "<div style='margin-top:30px;'/><b>Build Release Candidate:</b><select id='sReleaseCandidate'><option value='ga' selected>GA</option><option value='beta1'>BETAX</option>'></br>");

                $("#sDescription").focus();

                $("#sRelease, #sReleaseCandidate").select2({
                    tags: true
                });
            },

            close: function() {
                $( this ).dialog( "close" );

            },

        });

    }

});

https://stackoverflow.com/questions/46545729/cant-type-in-select2-dropdown-input-search-field-http-kevin-brown-com-select

[ProgrammingTestGitHub]

Is the problem releated to #4871?

You could try to define the parameter “DropdownParent” of the select2 element. The name given to the parameter is the name of the modal form where the select2 is placed on. Here below an example of how to use this parameter.

$(document).ready(function() {
      $("#select2insidemodal").select2({
              dropdownParent: $("#myModal")
      });
});

[zainqayyum954]

remove “tabindex” attribute from modal