I am using a dropdown menu and a form with a select dropdown right under it.
The problem is that when I open the dropdown in the form and select the first option (\"
After falling into this issue HTML select triggers css:hover on select i have this solution to propose that could be usefull over here as well. it requires only one line of js:
$(".form select").on("change", function(){$("#nav ul").hide(); $(".form form").submit();});
You can add hide selector according to your case.