Search bar navigation fails if user clicks slowly

[JKSH]

• If you click slowly (click-hold-release) on a pop-up search result, the search results disappear but you don't get taken to the desired page.
• If you click quickly (click-release) on a pop-up search result, then you get taken to the desired page as expected.

The animation below shows a slow click (which failed to navigate) followed by a fast click (which successfully navigated). It was recorded on the Qt Forum, but the same behaviour occurs on https://community.nodebb.org/ (Tested today, on Firefox 86.0 and Chrome 88.0.4324.190 on Windows 10)

I believe this occurs because a mouse-down event causes the pop-up to disappear. However, if the clickable link disappears before the user releases the mouse button, then the click event does not trigger.

[baris]

You are correct, when the input element loses focus it hides the dropdown hence it might miss the click on the result if you click hold a while and release.

clicking quick search result may not take user to search results · Issue #9354 · NodeBB/NodeBB

https://community.nodebb.org/topic/15427/search-bar-navigation-fails-if-user-clicks-slowly/2

GitHub (github.com)

[baris]

This should be fixed on master and on this forum as well.

[julian]

@jksh What a bug, thanks for reporting!