Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why HTML/CSS Dropdown Menu links not clicking thru on 1st click, only 2nd+ click works?

Strangely, all of the links in a HTML/CSS/JS dropdown menu (top right with parent menu items "Home" "Shop" "Create" as shown in example image), do not click-thru to their href= destinations on the 1st click. Clicking 1 time does nothing. Wait a few seconds to verify nothing happens, then click again - works browser follows the link to the destination on the 2nd click fine.

I am testing in Google Chrome.

This is the only menu or set of links having this issue in the entire site...

I've already right-clicked on them to inspect-element with the developer panel in Chrome, expecting to find some other element blocking it or something but it's not the case, the target seems clickable and the hover states work fine and everything.

View example here: http://www.PuckStyle.com

Thank you!

Update:

Here is a screenshot as requested-


(source: puckstyle.com)

like image 969
OG Sean Avatar asked Nov 06 '17 01:11

OG Sean


1 Answers

I managed to find something using the Chrome dev tools checking for events.

If I remove that click event (1) then I can single click the link in the menu.

enter image description here

When I click the link to the script (2), the code block (3) is highlighted.

enter image description here

Looks like a script to double-tap. You could remove it from your site. Double-taping in your website is probably not needed.

like image 159
Philippe Avatar answered Oct 19 '22 19:10

Philippe