Почему схлопываются Яндекс Карты?

Question

[Александр Филиппенко]

Добрый день.
Делаю с помощью Framework7 и VueJS приложение для PhoneGap. Понадобилось вставить карту.
Взял плагин https://github.com/PNKBizz/vue-yandex-map и подключил.

<yandex-map
                    :coords="[54.62896654088406, 39.731893822753904]"
                    zoom="10"
                    style="width: 600px; height: 600px;"
                    :behaviors="['ruler']"
                    :controls="['trafficControl']"

                    map-type="map"
            >

            </yandex-map>

такой код создаёт карту на странице, но она генерится нулевой высоты. Если вручную, с помощью инструментов разработчика, двум внутренним блокам увеличить высоту до 600, то получаем следующее: https://yadi.sk/i/jj5eGFAm3Rixze
наконец, если подвигать масштаб в браузере, откроется нормальная карта.
Помогите побороть, и сделать так чтобы сразу открывалась

Comments

[sim3x]

Картинку залейте на хабрасторадж

[Александр Филиппенко]

Решил проблему так

body, #app, .ymap-container {
    min-height: 640px;
}
.ymap-container > *,
.ymap-container > * > * {
    min-height: 600px;
}

[Artem0071]

Александр Филиппенко, Такая же проблема была
Разработчик сказал вот так сделать

Answer 1

[Евгений Калибров]

попробуйте добавить в стилях min-height: 600px, вместо height. Но вообще желательно ссылку на живое демо.
p.s. Framework7 хорошая штука, сам делал на нём мобильное приложение парку лет назад.

Comments

[Александр Филиппенко]

пробовал. Результат тот же.

Answer 2

[Маргарита Красовская]

у меня точно такая же проблема, бьюсь уже второй день..
min-height вообще не помогло