pkp/pkp-lib#10904 Stop screen bouncing while entering affiliations

GaziYucel · Feb 10, 2025 · 2513415 · 2513415
1 parent 68e6e34
commit 2513415
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/components/Form/fields/Autosuggest.vue b/src/components/Form/fields/Autosuggest.vue
@@ -47,6 +47,7 @@
 				isLoading
 			"
 			class="autosuggest__results-container autosuggest__results"
+			:class="props.isFixedHeight ? 'h-[20rem] overflow-auto' : ''"
 		>
 			<ComboboxOption
 				v-if="isLoading"
@@ -166,6 +167,11 @@ const props = defineProps({
 	inputId: {type: String, required: false, default: null},
 	/** aria-describedby ids */
 	describedBy: {type: String, required: false, default: ''},
+	/** If set, the results container will have a scrollable fixed height */
+	isFixedHeight: {
+		type: Boolean,
+		default: false,
+	},
 });
 
 /**

diff --git a/src/components/Form/fields/FieldAffiliationsRorAutoSuggest.vue b/src/components/Form/fields/FieldAffiliationsRorAutoSuggest.vue
@@ -17,6 +17,7 @@
 			>
 				<Autosuggest
 					v-bind="autoSuggestProps"
+					:is-fixed-height="true"
 					@update:input-value="updateInputValue"
 					@select-suggestion="handleSelect"
 					@deselect="handleDeselect"