FDS-668 optionsMaxHeight added in suggest field of f-form-builder (#271)

ollionorg · May 15, 2024 · 2b1ea4e · 2b1ea4e
1 parent 8b03c25
commit 2b1ea4e
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 1 deletion.
diff --git a/packages/flow-form-builder/CHANGELOG.md b/packages/flow-form-builder/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 # Change Log
 
+## [2.4.2] - 2024-05-15
+
+### Patch Changes
+
+- `optionsMaxHeight` property added for suggest field.
+
 ## [2.4.1] - 2024-04-22
 
 ### Bug Fixes

diff --git a/packages/flow-form-builder/package.json b/packages/flow-form-builder/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ollion/flow-form-builder",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "Form builder for the flow design system",
   "module": "dist/flow-form-builder.es.js",
   "main": "dist/flow-form-builder.cjs.js",

diff --git a/packages/flow-form-builder/src/components/f-form-builder/fields/suggest.ts b/packages/flow-form-builder/src/components/f-form-builder/fields/suggest.ts
@@ -30,6 +30,7 @@ export default function (
 			.suffixWhen=${field.suffixWhen}
 			.suggestWhen=${ifDefined(field.suggestWhen)}
 			max-length=${ifDefined(field.maxLength)}
+			.optionsMaxHeight=${field.optionsMaxHeight}
 			?loading=${field.loading ?? false}
 			?disabled=${field.disabled ?? false}
 			?clear=${field.clear ?? true}

diff --git a/packages/flow-form-builder/src/types.ts b/packages/flow-form-builder/src/types.ts
@@ -154,6 +154,7 @@ export type FormBuilderSuggestField = FormBuilderBaseField & {
 	loading?: boolean;
 	readonly?: boolean;
 	clear?: boolean;
+	optionsMaxHeight?: string;
 	suggestions?: FSuggestSuggestions;
 	suffixWhen?: FormBuilderSuffixCondition;
 	suggestWhen?: FSuggestWhen;

diff --git a/stories/flow-form-builder/f-formbuilder-field.ts b/stories/flow-form-builder/f-formbuilder-field.ts
@@ -429,6 +429,7 @@ const field: FormBuilderField = {
 				title: "Click inside field to see suggestions",
 				description: "Select suggestion to fill value"
 			},
+			optionsMaxHeight: "100px",
 			suggestWhen: () => true,
 			suggestions: [
 				"Suggestion 1",