web/elements: make ak-search-select limited in height and scroll

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
2022-12-29 11:13:46 +01:00 · 2022-12-29 11:13:46 +01:00 · 8a1b6693a7
parent 90c89aec76
commit 8a1b6693a7
1 changed files with 5 additions and 1 deletions
--- a/web/src/elements/SearchSelect.ts
+++ b/web/src/elements/SearchSelect.ts
@ -149,7 +149,11 @@ export class SearchSelect<T> extends AKElement {
                style="position: fixed; inset: 0px auto auto 0px; z-index: 9999; transform: translate(${pos.x}px, ${pos.y +
                this.offsetHeight}px); width: ${pos.width}px;"
            >
-                <ul class="pf-c-dropdown__menu pf-m-static" role="listbox">
+                <ul
+                    class="pf-c-dropdown__menu pf-m-static"
+                    role="listbox"
+                    style="max-height:50vh;overflow-y:auto;"
+                >
                    ${this.blankable
                        ? html`
                              <li>