fix(Dropdown): added max height to Items

N00nDay · Nov 22, 2023 · 11965b1 · 11965b1 · vercel · Nov 22, 2023
1 parent a5992d2
commit 11965b1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/lib/components/dropdown/Items.svelte b/src/lib/components/dropdown/Items.svelte
@@ -35,7 +35,7 @@
 	}
 
 	const defaultClass =
-		'floating-ui-el origin-top-right absolute z-10 border border-border w-56 p-1 rounded-md shadow-xl py-1 bg-surface stwui-dropdown-items';
+		'floating-ui-el origin-top-right absolute z-10 border border-border w-56 p-1 rounded-md shadow-xl py-1 bg-surface max-h-[256px] overflow-y-auto stwui-dropdown-items';
 
 	$: finalClass = twMerge(defaultClass, $$props.class);
 

diff --git a/src/routes/dropdown/+page.svelte b/src/routes/dropdown/+page.svelte
@@ -112,6 +112,10 @@
 				<Dropdown.Items.Item on:click={closeDropdown2} label="Notifications">
 					<Badge type="info" slot="extra">+99</Badge>
 				</Dropdown.Items.Item>
+				<Dropdown.Items.Item on:click={closeDropdown2} label="Item 4" />
+				<Dropdown.Items.Item on:click={closeDropdown2} label="Item 5" />
+				<Dropdown.Items.Item on:click={closeDropdown2} label="Item 6" />
+				<Dropdown.Items.Item on:click={closeDropdown2} label="Item 7" />
 				<Dropdown.Items.Divider />
 				<Button type="danger" class="w-full justify-between">
 					<Button.Leading slot="leading" data={home} />