В мобильной версии моего сайта у меня есть выдвижное меню навигации по гамбургерам.Он имеет поле поиска вверху и некоторые навигационные ссылки:
Когда я нажимаю в окне поиска и начинаю печатать, это меню автозаполненияПри поддержке Algolia, появляется меню с некоторыми результатами поиска:
Вот проблема: Если я быстро нажму (будь то имитация мобильного телефона из Chrome на настольном компьютере или на моем iPhone X), он игнорирует «Результат теста» и щелкает под раскрывающимся списком, чтобы перейти к одной из ссылок 1, ссылки 2 и т. д., в зависимости от того, какой из них закончился.
Вот мой код jQuery для поиска автозаполнения Algolia:
// Main search
$('.master-search input').algoliaAutocomplete({
search: ['products'],
selected: function(e, hit, dataset) {
console.log("click detected");
window.location = hit.url;
}
});
Странно то, что он обнаруживает console.log("click detected");, так как он появляется в моей консоли.Но затем он все еще идет по ссылке под меню.
Если я сделаю "длинный щелчок" , означающий, что мой палец или указатель мыши останется на результате, то мне удастся перейти к URL-адресу результата поиска, как и ожидалось.
После исследования я добавил css touch-action: manipulation; в выпадающий список, но безрезультатно.
Что происходит?