Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multi level dropdown triggered on hover instead of click #401

Closed
leoplct opened this issue Jan 12, 2023 · 1 comment
Closed

Multi level dropdown triggered on hover instead of click #401

leoplct opened this issue Jan 12, 2023 · 1 comment

Comments

@leoplct
Copy link

leoplct commented Jan 12, 2023

Describe the bug
I have updated to 1.6.0 and added data-dropdown-trigger="hover" (#196) but the 2nd level dropdown is not opened on hover.

To Reproduce

<button id="multiLevelDropdownButton" data-dropdown-toggle="dropdown" class="text-white bg-blue-700 px-4 py-2.5" type="button">Multi level Dropdown button</button>
<!-- Dropdown menu -->
<div id="dropdown" class="z-10 hidden bg-white divide-y divide-gray-100 rounded shadow w-44 dark:bg-gray-700">
	<ul class="py-1 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="multiLevelDropdownButton">
	<li>
		<button id="doubleDropdownButton" data-dropdown-toggle="doubleDropdown" data-dropdown-trigger="hover" data-dropdown-placement="right-start" type="button" class="flex items-center justify-between w-full px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Dropdown<svg aria-hidden="true" class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg></button>
<div id="doubleDropdown" class="z-10 hidden bg-white divide-y divide-gray-100 rounded shadow w-44 dark:bg-gray-700">
	<ul class="py-1 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="doubleDropdownButton">
	<li>
		<a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Overview</a>
	</li>
	<li>
		<a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">My downloads</a>
	</li>
	</ul>
</div>
	</li>
	</ul>
</div>

Expected behavior
Excepting the 2nd level menu to be opened on hover instead of click

Desktop (please complete the following information):

  • OS: MacOsx
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]
@zoltanszogyenyi
Copy link
Member

Hello @leoplct,

Thanks for reporting the issue - we are already planning to ship these in a next version: #208

Cheers,
Zoltan

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants