Opened 9 years ago

Closed 7 years ago

#4093 closed enhancement (fixed)

Search field is hidden when browser window is too small

Reported by: gulp21 Owned by: rails-dev@…
Priority: minor Milestone: Wishlist
Component: website Version:
Keywords: Cc: gulp21


When the stylesheet for small screens is loaded (i.e. the browser window is smaller than 642px), the search box is hidden. I consider the search box to be an essential part of the website and I don't understand why it isn't shown e.g. next to the OpenStreetMap logo at the top of the page (at the moment there is a unused white space).

Change History (7)

comment:1 Changed 9 years ago by gulp21

Cc: gulp21 added

comment:2 Changed 9 years ago by Richard

This is a known issue.

But come to the next OSM hack weekend at and you can help be part of the solution rather than just repeating the problem!

comment:3 Changed 9 years ago by Tom Hughes

I think you'll find the change is actually at 480px not 642px.

This is not something that is likely to be solvable with a simple stylesheet change though - finding somewhere for the search box (while hard) is actually the easy bit. The hard bit will be managing the search results given that it will probably need completely different handling to the search results for large screens which is something we have managed to avoid so far.

Basically what I'm saying is that this is a major project that somebody would have to want to take on.

comment:4 Changed 9 years ago by gulp21

The search bar with the search results could be shown on top of the map (covering the whole map). When the user clicks on a search result, the sidebar would be closed, so that the map is visible again. This idea might not be perfect, but it is better than the current situation, and I think implementing it doesn't require so much work.

comment:5 Changed 9 years ago by Tom Hughes

Yes I'm well aware of what *could* be done. The point is that there is a large chunk of code to make it work the way it does and it would need another large chunk to make it work in another way on a mobile client.

So, as I said, this would be a large project for somebody.

comment:6 Changed 8 years ago by Tom Hughes

Milestone: Wishlist
Type: defectenhancement

comment:7 Changed 7 years ago by Tom Hughes

Resolution: fixed
Status: newclosed

Search is now available on small screen devices.

Note: See TracTickets for help on using tickets.