Automatically show and hide search options

[iman-salmani]

hide:

show:

in small screen:
hide:

show:

[bojidar-bg]

:focus-within is unsupported on some browsers, especially Edge and Android's default browser.
Additionally, I don't know if there is a way to focus the inside of an invisible form on mobile.

[iman-salmani]

Can I put a button next to the search input and use javascript(add show, hide style) to display options?
for example:

[bojidar-bg]

@iman-salmani that would be fine, as long as it is shown by default when javascript is disabled, or if the button works without javascript.