Я получаю странное поведение в Firefox (все нормально в Chrome), когда мышь наводит курсор на ввод.
У меня есть промежуток, и если мышь наводит на это, я заменяю его на выборку благодаря javascript и jquery. Это работает, но когда моя мышь перемещается по опции, выбор исчезает, а текст появляется снова.
Здесь gif, чтобы объяснить это поведение
и демонстрационный код:
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
.switch_show_hidden .switch_show {
}
.switch_show_hidden .switch_hidden {
display: none;
}
</style>
<script>
$(document).ready(function () {
$(".switch_show_hidden").hover(function() {
$(this).find(".switch_show").hide();
$(this).find(".switch_hidden").show();
},
function() {
$(this).find(".switch_show").show();
$(this).find(".switch_hidden").hide();
});
});
</script>
<title>Test</title>
</head>
<body>
<div class="switch_show_hidden">
<span class="switch_show">Value 3</span>
<select class="switch_hidden form-control change_user_role">
<option value="1">Value 1</option>
<option value="1">Value 2</option>
<option value="1" selected="selected">Value 3</option>
<option value="1">Value 4</option>
<option value="1">Value 5</option>
</select>
</div>
</body>
</html>
Это ошибка в Firefox? И есть ли способ это исправить?
Спасибо, Денис