Question

1
Replies
220
Views
MaximI83 Member since 2018 16 posts
Alfa Bank
Posted: 1 year ago
Last activity: 1 year 1 month ago
Closed

Custom autocomplete cant select on mobile device

Hello

I made a custom control to display hints when entering an address into an input and decomposing the full address into parts (Oblat, City, Street, etc.). Decomposition occurs when you click on one of the suggested autocomplete options after that values set in text fields. On the PC, everything works well, but when running on a mobile device and selecting one of the options, the value is not written to the fields for decomposition. Below is a sample of the code. We get hints from the external service when the API is connected to our application. Please tell me what the problem may be

$("[Data-test-ID = 'Input_Address']").suggestions({
token: "API key here",
type: "ADDRESS",
count: 5,

onSelect: function(suggestion) {
console.log(suggestion);

$("[Data-test-ID = 'Full1']").val(suggestion.unrestricted_value);
$("[Data-test-ID = 'Flat1']").val(suggestion.data.block);
$("[Data-test-ID = 'City1']").val(suggestion.data.city);
if (suggestion.data.city == null)
{
$("[Data-test-ID = 'City1']").val(suggestion.data.settlement);
}
$("[Data-test-ID = 'Street1']").val(suggestion.data.street);
$("[Data-test-ID = 'House1']").val(suggestion.data.house);
$("[Data-test-ID = 'Region1']").val(suggestion.data.region);
$("[Data-test-ID = 'postal_code1']").val(suggestion.data.postal_code);
$("[Data-test-ID = 'ID1']").val(sek);

}
});

Low-Code App Development Low-Code App Development Dev/Designer Studio Mobile
Moderation Team has archived post
Share this page LinkedIn