Liste scrollbar machen

[Rolf B]

Hallo flora,

mit dem Body mitscrollen wäre nicht unbedingt sinnvoll, diese Autocomplete-Liste muss eigenständig scrollen.

CSS Regel, wie von Matthias angedeutet:

.ui-autocomplete {
   max-height: 80vh;
   overflow-y: scroll;
}

Das sollte reichen. Bei großen Fonts oder großen Zoom-Stufen mag die 80vh-Angabe dazu führen, dass man nicht alles sieht. Ich habe mal mit

max-height: calc(100vh - 1em - 20px):

experimentiert, das funktioniert besser, ist dann aber auf die Position des Suchfeldes oben fixiert und auch auf einige Margins/Paddings, die Du setzt. So richtig generisch responsiv ist es noch nicht, aber eine spezielle Mobilansicht (bzw. Ansicht für kleine Viewports) hast Du ohnehin nicht...

Rolf