Mobile: Focus search input after tapping the search button

[Nadine]

Nadine

February 2, 2020 at 11:04 am

If I am on the Desktop version of my website and click on the top right Search button then the search popup opens and **the input is focused**.

However, if doing the same on the Tablet/Mobile mode of the website, the opened popup is not focused. Instead the user also needs to tap/touch into the search input.

I think the desktop search “widget” is a slightly different implementation then the tablet/mobile one. Would be great if the tablet/mobile search widget would also focus the search input once opened (especially since on mobile it is difficult to see what is focussed and if focus is correct then the keyboard would open automatically).

I guess there’s a callback function that could be the opening function that gets executed once the show animation is done with something like

jQuery(“.theSearchButton”).show({
finishedShowAnimationCallback: function() {jquery(this).focus()
})
something like this I guess 😉