Search box covers navigation #193

Open
opened 2019-02-21 01:46:58 +00:00 by FreeScholar · 1 comment
FreeScholar commented 2019-02-21 01:46:58 +00:00 (Migrated from gitlab.com)

Summary

When loading agaric.coop website, the search box covers up the navigation links on the top right-hand side of the browser.

Steps to reproduce

go to agaric.coop

What is the current bug behavior?

The search box pops down and covers up the menu items.

What is the expected correct behavior?

Pershaps the navigation menu should be on the left-hand side of page.

Relevant screenshots

Nope

@mlncn @cedewey

## Summary When loading agaric.coop website, the search box covers up the navigation links on the top right-hand side of the browser. ## Steps to reproduce go to agaric.coop ## What is the current bug behavior? The search box pops down and covers up the menu items. ## What is the expected correct behavior? Pershaps the navigation menu should be on the left-hand side of page. ## Relevant screenshots Nope @mlncn @cedewey
mlncn commented 2019-02-21 15:13:03 +00:00 (Migrated from gitlab.com)

This only happens if you hover over the search icon, and it's the intended behavior, but i agree that the possibility for an accidental hover and then the search box not automatically going away is a problem. Right now the only way to remove it is to click outside it.

How we should make it work:

  • The escape key should close it.
  • Moving the mouse more than a certain distance away should close it.

There must be JavaScript libraries like HoverIntent for making it easier to build a natural, human forgivingness into interfaces like this.

The quick 'fix' is to have it close if the mouse isn't hovering directly over it. The problem with this was the search box frustratingly closing when it wasn't intended. Though maybe if it does or can be made to preserve the box as long as its over the blue, it will work as hoped.

Or, as @FreeScholar suggests, with our short menu it won't be a problem on all somewhat larger screens if we simply moved the menu navigation. Not sure how putting it near the logo would look, or maybe centered? Also a possibility on big screens to just always show the search bar, and push the menu navigation that much farther right, which would look better than it does now, way off to the right-hand side on large screens.

This only happens if you hover over the search icon, and it's the intended behavior, but i agree that the possibility for an accidental hover and then the search box not automatically going away is a problem. Right now the only way to remove it is to click outside it. How we should make it work: * The escape key should close it. * Moving the mouse more than a certain distance away should close it. There must be JavaScript libraries like HoverIntent for making it easier to build a natural, human forgivingness into interfaces like this. The quick 'fix' is to have it close if the mouse isn't hovering directly over it. The problem with this was the search box frustratingly *closing* when it wasn't intended. Though maybe if it does or can be made to preserve the box as long as its over the blue, it will work as hoped. Or, as @FreeScholar suggests, with our short menu it won't be a problem on all somewhat larger screens if we simply moved the menu navigation. Not sure how putting it near the logo would look, or maybe centered? Also a possibility on big screens to just always show the search bar, and push the menu navigation that much farther right, which would look better than it does now, way off to the right-hand side on large screens.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: agaric/agaric-coop#193
No description provided.