From f9a43ee3323a13906f9f8df38832d15b02820adb Mon Sep 17 00:00:00 2001
From: Patrick Yeo <patrick.yeo@liferay.com>
Date: Thu, 23 Jan 2025 13:06:38 -0800
Subject: [PATCH 1/2] feat(@clayui/css): LPD-41942 Picker
 (dropdown-menu-select) change max-height to 7 items

---
 packages/clay-css/src/scss/cadmin/variables/_dropdowns.scss | 3 +++
 packages/clay-css/src/scss/variables/_dropdowns.scss        | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/packages/clay-css/src/scss/cadmin/variables/_dropdowns.scss b/packages/clay-css/src/scss/cadmin/variables/_dropdowns.scss
index 6c0a3dda6e..fbdeb322cb 100644
--- a/packages/clay-css/src/scss/cadmin/variables/_dropdowns.scss
+++ b/packages/clay-css/src/scss/cadmin/variables/_dropdowns.scss
@@ -890,6 +890,9 @@ $cadmin-dropdown-menu-palette: map-deep-merge(
 					right: 8px,
 				),
 			),
+			inline-scroller: (
+				max-height: 224px,
+			),
 		),
 		'.dropdown-menu-select.dropdown-menu-height-lg': (
 			inline-scroller: (
diff --git a/packages/clay-css/src/scss/variables/_dropdowns.scss b/packages/clay-css/src/scss/variables/_dropdowns.scss
index cb8bca5cd0..205bd29244 100644
--- a/packages/clay-css/src/scss/variables/_dropdowns.scss
+++ b/packages/clay-css/src/scss/variables/_dropdowns.scss
@@ -1041,6 +1041,9 @@ $dropdown-menu-palette: map-deep-merge(
 					right: 0.5rem,
 				),
 			),
+			inline-scroller: (
+				max-height: 224px,
+			),
 		),
 		'.dropdown-menu-select.dropdown-menu-height-lg': (
 			inline-scroller: (

From 305dbeb23aa4c6a8c8dce8147fbffa2a8035b94c Mon Sep 17 00:00:00 2001
From: Patrick Yeo <patrick.yeo@liferay.com>
Date: Thu, 23 Jan 2025 13:08:28 -0800
Subject: [PATCH 2/2] chore(@clayui/core): LPD-41942 LanguagePicker Storybook
 add more languages to force overflow

---
 .../stories/LanguagePicker.stories.tsx        | 73 ++++++++++++++++++-
 1 file changed, 71 insertions(+), 2 deletions(-)

diff --git a/packages/clay-core/stories/LanguagePicker.stories.tsx b/packages/clay-core/stories/LanguagePicker.stories.tsx
index f7266c865d..843b11e22a 100644
--- a/packages/clay-core/stories/LanguagePicker.stories.tsx
+++ b/packages/clay-core/stories/LanguagePicker.stories.tsx
@@ -61,9 +61,78 @@ Default.args = {
 	small: false,
 };
 
+const localesLong = [
+	{
+		id: 'en_US',
+		label: 'en-US',
+		name: 'English (United States)',
+		symbol: 'en-us',
+	},
+	{
+		id: 'ar_SA',
+		label: 'ar-SA',
+		name: 'Arabic (Saudi Arabia)',
+		symbol: 'ar-sa',
+	},
+	{
+		id: 'ca_ES',
+		label: 'ca-ES',
+		name: 'Catalan (Spain)',
+		symbol: 'ca-es',
+	},
+	{
+		id: 'cs-CZ',
+		label: 'cs-CZ',
+		name: 'Czech (Czech Republic)',
+		symbol: 'cs-cz',
+	},
+	{
+		id: 'da-DK',
+		label: 'da-DK',
+		name: 'Danish (Denmark)',
+		symbol: 'da-dk',
+	},
+	{
+		id: 'de-AT',
+		label: 'de-AT',
+		name: 'Geman (Austria)',
+		symbol: 'de-at',
+	},
+	{
+		id: 'de-CH',
+		label: 'de-CH',
+		name: 'German (Switzerland)',
+		symbol: 'de-ch',
+	},
+	{
+		id: 'de-DE',
+		label: 'de-DE',
+		name: 'German (Germany)',
+		symbol: 'de-de',
+	},
+	{
+		id: 'el-GR',
+		label: 'el-GR',
+		name: 'Greek (Greece)',
+		symbol: 'el-gr',
+	},
+	{
+		id: 'en-AU',
+		label: 'en-AU',
+		name: 'English (Australia)',
+		symbol: 'en-au',
+	},
+	{
+		id: 'nl_NL',
+		label: 'nl-NL',
+		name: 'Dutch (Netherlands)',
+		symbol: 'nl-nl',
+	},
+];
+
 export const LanguagePickerWithTranslations = (args: any) => {
 	const [selectedLocaleId, setSelectedLocaleId] = useState<any>(
-		locales[0]!.id
+		localesLong[0]!.id
 	);
 	const translations = {
 		'ca-ES': {total: 4, translated: 2},
@@ -74,7 +143,7 @@ export const LanguagePickerWithTranslations = (args: any) => {
 		<LanguagePicker
 			hideTriggerText={args.hideTriggerText}
 			id="languagePicker"
-			locales={locales}
+			locales={localesLong}
 			onSelectedLocaleChange={setSelectedLocaleId}
 			selectedLocaleId={selectedLocaleId}
 			small={args.small}