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

[FEATURE] Show results above the search bar #58

Open
dabreegster opened this issue Nov 6, 2024 · 1 comment
Open

[FEATURE] Show results above the search bar #58

dabreegster opened this issue Nov 6, 2024 · 1 comment
Assignees

Comments

@dabreegster
Copy link

Is your feature request related to a problem? Please describe.
I have a map where the top bar can expand or shrink. I've placed the geocoder widget in a fixed position that's usually beneath this bar, but it's quite awkward to use:
image
image

Describe the solution you'd like
I'd like a new option to render the results above the search bar. This would allow a better placement near the bottom of the screen. Skimming through the Svelte compnent, the ul would then appear above <div class="input-group">.

Describe alternatives you've considered
I've also thought about always placing the geocoding control directly beneath my app's top bar, but if it also jumped around as that bar expands/collapses, that might be disorienting.

@zdila
Copy link
Collaborator

zdila commented Nov 15, 2024

I am not sure if I understand you correctly. Do you want an option to display dropdown menu above the search input box? Like this?

image

This should be achievable by adding the following style:

maplibregl-ctrl-geocoder ul {
  top: auto;
  bottom: calc(100% + 6px);
}

@zdila zdila self-assigned this Nov 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests

3 participants