search

LeaVerou / awesomplete

Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
http://leaverou.github.io/awesomplete/
MIT License
6.96k stars 611 forks source link

Item list arrow disappears when making list scrollable #17172

Open julian-tr opened 5 years ago

julian-tr commented 5 years ago

I've added the following CSS to .awesomplete > ul to allow long lists to scroll:

max-height: 50vh;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;

This works fine except that it makes the small arrow at the top of the list disappear. It's the overflow-y: scroll; line that does it.

I think I need to wrap the list ul in another div and fix the height of that to make it work, but I don't know how to implement that. Any ideas?