bootstrap-hover-dropdown icon indicating copy to clipboard operation
bootstrap-hover-dropdown copied to clipboard

Can't toggle dropdown on touch devices unless using bootstrap's data-toggle="dropdown"

Open pavsid opened this issue 9 years ago • 1 comments

Thanks for writing this plugin, however I wonder if you have any input on the following:

I understand this plugin is designed to be used alongside Bootstrap's data-toggle="dropdown" but having a hover event open the dropdown and then a click which closes it in my opinion is a bad user experience as most users will go to click the navigation item (which will actually close it again).

So, the solution to this would be not to use Bootstrap's data-toggle="dropdown" and just rely on the hover events supported by your plugin.

However, that in turn means that the dropdown won't open on touch devices (as a click event is required to be present).

Any suggestions? Thanks again.

pavsid avatar May 04 '16 15:05 pavsid

I haven't figured out a solution yet, but it seems to me the only way to do it is to modify the code of this module somehow, or else have some kind of javascript function determine if the data-toggle should work based on the presense of the "hover" ability.

kd7uiy avatar Mar 22 '18 21:03 kd7uiy