В чем может быть проблема неправильного отображения?

Question

[Darkness]

Использую VueJs + Element-Ui, и заметил что если вот таких блоков, как на скрине больше 1, что они начинают как-будто по центру показываться и отображаются не верно. Наверх уходят. На google devtools не видно этой ошибки. Видел только на устройстве Iphone, и смог увидеть ошибку на симуляторе. У кого есть какие-то мысли как это исправить , или в какую сторону искать?
UPD: Еще раз попробовал объяснить проблему.
Проблема в том, что на ios ( возможно на androind, не проверял) устройствах, не правильно отображаются элементы ( как на скриншоте), на ПК( что винда, что mackbook) все норм. На скриншоте видно, что на симуляторе ipad'а есть синяя копка - она прикрыта элементом сверху. На самом деле, этот элемент должен быть намного ниже. Эти элементы приходят с бд. Также это отдельный компонент. Вопрос же: может кто сталкивался с данным отображением, если да, то буду рад помощи, либо же , надеюсь, кто-то подскажет куда копать.
К сожалению, я не могу дать код, и я действительно понимаю, что вы не гадалки.
UPD В сафари на макбуке тоже неверное отображение, до этого смотрел с хрома. Печаль

Comments

[Adik Izat]

Можете вопрос конкретнее задать? Непонятно в чем проблема.

[Eugene Chefranov]

какая версия ios? Если старая, то там флексы не поддерживаются нормально

[Darkness]

Bohdan Zhorov, Код, к сожалению, дать не могу.

[Darkness]

Eugene Chefranov, Версия оси что на симуляторе, что на устройстве 12.4

[Darkness]

Adik Izat, Попробую. Проблема в том, что на ios ( возможно на androind, не проверял) устройствах, не правильно отображаются элементы ( как на скриншоте), на ПК все норм. На скриншоте видно, что на симуляторе ipad'а есть синяя копка - она прикрыта элементом сверху. На самом деле, этот элемент должен быть намного ниже. Эти элементы приходят с бд. Также это отдельный компонент. Вопрос же: может кто сталкивался с данным отображением, если да, то буду рад помощи, либо же , надеюсь, кто-то подскажет куда копать.
К сожалению, я не могу дать код, и я действительно понимаю, что вы не гадалки.

[Adik Izat]

Darkness, я не знаю как во vue со стилями, но вот в реакте были свои недочеты с использованием модульных стилей. Даже обыкновенные свойства вроде position, transition было сложно задать как ты думаешь. Думаю нужно копать в сторону версии vue и его багов.

[Adik Izat]

Darkness, это лишь предположение)

[Darkness]

Adik Izat, Хорошо, вечером буду разбираться, спасибо за предположение!

Answer 1

[Darkness]

1.5 часа за сафари помогли решить проблему. Дело в том, что сафари не очень хорошо отображает 100vh. После смены на 100% контейнеру, который держит эти блоки - все встало на свои места, например, как у хрома.
Спасибо всем, за уделенное время вопросу!