Как устранить проблему с дополнительными пробелами в мобильном представлении Safari при открытой клавиатуре?

Question

У меня есть окно чата для мобильного просмотра.Когда я смотрю его на своем Android в Chrome, клавиатура поднимает все окно вверх (что ожидается).Когда я просматриваю его на iPhone Safari, клавиатура поднимает все окно вверх и добавляет дополнительные пробелы внизу.

Как мне справиться с неожиданным поведением?Я не хочу, чтобы дополнительный пробел был там, даже когда пользователь прокручивает вверх.Похоже, что Chrome соответствует высоте, указанной в компонентах, а Safari - нет.

Safari: Просмотр чата в Safari Chrome: Просмотр чата в Chrome

css используемая страница / контейнер

container: {
    height: '100%',
    width: '100%',
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'space-between'
  }