Style position of form autocomplete dropdown

[malcomio]

I’m working on a design where a form should be sticky at the bottom of the viewport.

The trouble is that when the browser adds the autocomplete dropdown, it goes out of the bottom of the viewport.

Seems like some browsers handle it differently, but I can’t find any way of styling it.

I found https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/, but that doesn’t seem to do the trick

It isn’t feasible to base the values from a known list, so I don’t think I can use a JavaScript solution

https://codepen.io/malcomio/full/rKZwLZ/

Is it possible to style the autocomplete dropdown? What selectors can I use to target it?

[Shikkediel]

I think that without JS your only option is to enable or disable the dropdown altogether (with the autocomplete attribute).

[Author]

Posts