Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Small webpage search bar can invisibly activated with / #515

Open
1 task done
PowerUser64 opened this issue Sep 3, 2022 · 1 comment
Open
1 task done

Small webpage search bar can invisibly activated with / #515

PowerUser64 opened this issue Sep 3, 2022 · 1 comment
Labels
enhancement New feature or request

Comments

@PowerUser64
Copy link

What's happening?

If you go to a website using this theme (ex: manual.zrythm.org) and reduce the horizontal size of your window, the sidebar on the left that contains the search bar will collapse. This is fine and expected. From here, the search bar can still be focused by pressing the / key. This is also fine, but the real problem is that the search bar is remains hidden in the side menu. To solve this, I would suggest expanding the collapsed sidebar with the search bar or adding another search bar that appears at the top of the page when the / key is pressed.

Reproducer

  1. Go to a website using this theme, like https://manual.zrythm.org
  2. Horizontally resize your browser window until the sidebar on the left disappears ("mobile view")
  3. Press the / key to search
  4. The search bar is now activated and you can type in it, but it is still in a non-visible area of the webpage.

Expectation

Instead of invisibly activating (and stealing your keyboard in the process), the search box should appear as a drop-down search box from the top of the page (maybe consider adding a search button in the upper right), or the left panel should expand to reveal the search box.

Code of Conduct

@pradyunsg pradyunsg added the enhancement New feature or request label Sep 3, 2022
@timhoffm
Copy link

Maybe the way to go here is what https://pydata-sphinx-theme.readthedocs.io/en/stable/ is doing. They add an overlay for the input box when one activates search.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants