fix(cosmoz-dropdown-menu): limit list height to 96vh-64px

Limit the height of the list to 96vh - 64px. Allow changing the max height per in instace with css vars.
Neovici · Apr 28, 2022 · 29e4b03 · 29e4b03
1 parent 5942b3a
commit 29e4b03
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/cosmoz-dropdown.js b/src/cosmoz-dropdown.js
@@ -72,7 +72,11 @@ const preventDefault = e => e.preventDefault(),
 	},
 	List = () => html`
 		<style>
-			:host { display: contents; }
+			:host {
+				display: contents;
+				max-height: var(--cosmoz-dropdown-menu-max-height, calc(96vh - 64px));
+				overflow-y: auto;
+			}
 			::slotted(:not(slot)) {
 				display: block;
 				--paper-button_-_display: block;