From 61e988c7fd542ba8787c6ef2d0e065d573fccea2 Mon Sep 17 00:00:00 2001
From: Abban Dunne <abban.dunne@wikimedia.de>
Date: Wed, 4 Sep 2024 07:52:44 +0200
Subject: [PATCH] Fix missing prop in city autocomplete

This form field needs to know the scroll target so it
can scroll the element into view when focused and make
the autocomplete list visible.

It was set up to do the scroll but in some of the places
the component was being used it wasn't being passed the
scroll target id.
---
 .../pages/donation_form/DonationReceipt/AddressFields.vue        | 1 +
 .../donation_form/StreetAutocomplete/PostalAddressFields.vue     | 1 +
 src/components/shared/PostalAddressFields.vue                    | 1 +
 3 files changed, 3 insertions(+)

diff --git a/src/components/pages/donation_form/DonationReceipt/AddressFields.vue b/src/components/pages/donation_form/DonationReceipt/AddressFields.vue
index 55ca01cc5..a2d9f4693 100644
--- a/src/components/pages/donation_form/DonationReceipt/AddressFields.vue
+++ b/src/components/pages/donation_form/DonationReceipt/AddressFields.vue
@@ -72,6 +72,7 @@
 		<CityAutocompleteField
 			v-model="formData.city.value"
 			input-id="city"
+			scroll-target-id="city-scroll-target"
 			:show-error="showError.city"
 			:label="$t( 'donation_form_city_label' )"
 			:error-message="$t( 'donation_form_city_error' )"
diff --git a/src/components/pages/donation_form/StreetAutocomplete/PostalAddressFields.vue b/src/components/pages/donation_form/StreetAutocomplete/PostalAddressFields.vue
index 63298ca9d..d41bcc82d 100644
--- a/src/components/pages/donation_form/StreetAutocomplete/PostalAddressFields.vue
+++ b/src/components/pages/donation_form/StreetAutocomplete/PostalAddressFields.vue
@@ -39,6 +39,7 @@
 		<CityAutocompleteField
 			v-model="formData.city.value"
 			:input-id="`${fieldIdNamespace}city`"
+			:scroll-target-id="`${fieldIdNamespace}city-scroll-target`"
 			:show-error="showError.city"
 			:label="$t( 'donation_form_city_label' )"
 			:error-message="$t( 'donation_form_city_error' )"
diff --git a/src/components/shared/PostalAddressFields.vue b/src/components/shared/PostalAddressFields.vue
index 431e6479f..aaf48145c 100644
--- a/src/components/shared/PostalAddressFields.vue
+++ b/src/components/shared/PostalAddressFields.vue
@@ -51,6 +51,7 @@
 		<CityAutocompleteField
 			v-model="formData.city.value"
 			:input-id="`${fieldIdNamespace}city`"
+			:scroll-target-id="`${fieldIdNamespace}city-scroll-target`"
 			:show-error="showError.city"
 			:label="$t( 'donation_form_city_label' )"
 			:error-message="$t( 'donation_form_city_error' )"