将鼠标悬停在select-> option中的Firefox不起作用

Question

如果我将一个隐藏的div集选择标记显示为父div，则当用鼠标在select元素中进行划分时，div会划分1秒钟，因此选择将关闭。您无法选择。我该如何解决？ Firefox只是一个问题。

                $(".eventdiv").mouseover(function () {
                   $(".hiddendiv").show();
                });
                $(".eventdiv").mouseleave(function () {
               
                   $(".hiddendiv").hide();
                });

.eventdiv {
height:200px;
background: rgba(0,0,0,0.42);
}
.hiddendiv {
background: rgba(0,0,0,0.42);
min-height:300px;
} 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="eventdiv" >
<div class="hiddendiv" style="display: none;">
	<div class="input-group">
		<select class="">
				<option> default </option>
				<option>option1</option>
				<option>option2</option>
			</select>
	
	</div>
	</div>
	</div>