From 9edbc97d6136ac8aae969bf650ffad1af1e4ba63 Mon Sep 17 00:00:00 2001 From: Madeorsk Date: Tue, 24 Sep 2024 19:48:43 +0200 Subject: [PATCH] Fix max size of select suggestions. --- demo/DemoApp.tsx | 8 ++++++++ package.json | 2 +- src/styles/components/select/_suggestions.less | 3 +++ 3 files changed, 12 insertions(+), 1 deletion(-) diff --git a/demo/DemoApp.tsx b/demo/DemoApp.tsx index 25b2b29..c5b3d36 100644 --- a/demo/DemoApp.tsx +++ b/demo/DemoApp.tsx @@ -153,6 +153,14 @@ export function DemoApp() "d": "DDDDDD", "e": "EEEEEE", "f": "FFFFFF", + "g": "GGGGGG", + "h": "HHHHHH", + "i": "IIIIII", + "j": "JJJJJJ", + "k": "KKKKKK", + "l": "LLLLLL", + "m": "MMMMMM", + "n": "NNNNNN", }} value={selected} onChange={setSelected} selectibleMaxCount={3} placeholder={"Simple test"}> Simple select test diff --git a/package.json b/package.json index 36ae7ef..b59fe19 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "version": "1.3.2", + "version": "1.3.3", "name": "@kernelui/core", "description": "Kernel UI Core.", "scripts": { diff --git a/src/styles/components/select/_suggestions.less b/src/styles/components/select/_suggestions.less index d52e02f..2fa4c34 100644 --- a/src/styles/components/select/_suggestions.less +++ b/src/styles/components/select/_suggestions.less @@ -1,7 +1,10 @@ .floating.suggestions { + height: ~"min(90vh, 18em)"; padding: 0.5em 0; + overflow-y: auto; + .suggestion { transition: background 0.2s ease;