How do I get the autocomplete box to appear above the bar instead of below?

Anvil Q&A
1

What I’m trying to do:
Use anvil extras to make an autocomplete box with the suggestions appearing above the bar, as the bar is at the bottom of the screen.
What I’ve tried and what’s not working:
I’ve tried setting different values in it using a role.
Code Sample:

.anvil-role-autocompleteSuggestions {
  position: absolute !important;
  bottom: 100% !important;
  top: auto !important;
  display: block;
}

Clone link:
share a copy of your app

2

Hi @noahjmartin4 and welcome to the forum,

That’s not currently supported by the anvil extras autocomplete component.
you might want to raise an issue here and we can see if it’s easy to add support for that

Side note:
when sharing a clone it’s best to share a minimal example that demonstrates just the issue you’re facing
I can’t run your app because of the anvil.secrets

2 Likes