单击另一个元素后，我无法在输入中输入文本

Question

当我单击输入时，megamenu打开。它打开时，我什么都不能输入。

我该如何解决？

我想根据输入“ #searchText”中输入的文本在megamenu中进行动态搜索。

请检查提供的有关该问题的图片：

$(document).ready(function () {
    jQuery(document).ready(function () {
        $(".dropdown").hover(
            function () {
                $('.dropdown-menu', this).stop().fadeIn("fast");
            },
            function () {
                $('.dropdown-menu', this).stop().fadeOut("fast");
            }
        );
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<input id="searchText" name="searchText" type="text" placeholder="Yemek, Mutfak veya Restoran arayın" class="form-control form-control-lg">                   
</a>

<ul class="nav navbar-nav" style="margin-top:-18%;">
  <li class="dropdown menu-large">
    <ul class="dropdown-menu megamenu row">
    </ul>
  </li>
</ul>