Параметры автозаполнения Mat идут под экраном на iOS

Question

У меня 2 проблемы с компонентом автозаполнения угловых материалов, расположенным в нижней части экрана браузера.

1. Поле ввода закрыто клавиатурой, я нашел это решение, которое работает, но я не знаю, является ли оно правильным для этого типа проблемы

    document.getElementById("searchInput").onfocus = () => {
      window.scrollTo(0, window.outerHeight);
      document.body.scrollTop = window.outerHeight;
    }

2. Параметры автозаполнения идут под клавиатурой, поэтому пользователь не может сделать выбор.

Я пробовал с Windows 10 + Chrome 73, также с моим Android-смартфоном Xiaomi Mi A1 + Chrome 74 и все работает нормально, но с IPhone 7 + Chrome 74 у меня возникли проблемы.

Здесь вы можете найти код, который я использую: Stackblitz - Автозаполнение материала