search

yandex-maps-unofficial / vue-yandex-maps

Yandex Maps 3.0 components library for VueJS.
https://yandex-maps-unofficial.github.io/vue-yandex-maps/
MIT License
70 stars 9 forks source link

Высота контейнера ymaps3x0--map определяется как 0px #254

Closed Denisoov closed 5 months ago

Denisoov commented 6 months ago

Версия библиотеки

2.0.0-rc.13

Как воспроизвести

Чтобы воспроизвести нужно добавить карту и запустить build сборку

Опишите проблему

При build проекта, класс ymaps3x0--map у тега <ymaps> в аттрибуте высота определяется как 0px, т.к у верхнего уровня класса __ymap_container высота не задана. Хотя проперти height у компонента прокинут в пикселях. И у класса __ymap задана эта ширина, но у дочерних не задана. В чем может быть проблема? Как можно это грамотно решить?

![Uploading image.png…]()

Дополнительная информация

No response

Ответы на вопросы

daniluk4000 commented 6 months ago

У контейнера должны быть такие стили. Их разве нет?

image

По идее, высота должна быть абсолютно равна контейнеру __ymap. Там по дефолту стоит 100%, но можно задать своё число, если не сделать это стилями

Denisoov commented 6 months ago

@daniluk4000 нет стилей. По дефолту нет 100% высоты

image

daniluk4000 commented 6 months ago

Интересно. Нужна ссылка на репозиторий/sandbox, где можно это воспроизвести.

Не обязательно делиться вашем, попробуйте воспроизвести на чистом проекте.

И подскажите еще, что используете? Чистый Vue/Nuxt/еще что-то? Какие версии у Vue/Nuxt/еще чего-то?

У меня стили есть на всех проектах, что я использую

daniluk4000 commented 6 months ago

Дополнительно проверил все 4 демки, которые есть в этом репозитории: Vue 2, 3, Nuxt 2, 3. Стили есть везде.

Denisoov commented 6 months ago

@daniluk4000 попробую завтра предоставить sandbox, использую nuxt3 vue3

Denisoov commented 6 months ago

@daniluk4000 может ли быть причиной того, что .css не подгружается? Т.к я в самом компоненте прокидываю метод createMaps во vue.use через useAsyncData image

daniluk4000 commented 6 months ago

@Denisoov о, легко, особенно, если у вас SSR. Nuxt еще может сходить с ума из-за динамического импорта. Вы вообще не совсем правильно подключаете, у либы встроенная поддержка как SSR, так и Nuxt

https://yandex-maps-unofficial.github.io/vue-yandex-maps/guide/vue3.html#nuxt-3

Я вам предлагаю удалить этот плагин и переписать на вот это ^^^

Denisoov commented 5 months ago

@daniluk4000 Видите в чем проблема. Добавляя модуль через nuxt.config, карта будет всегда загружаться, даже когда она не нужна. Соответственно я через Vue.use регистрирую инстансы модуля яндекс карты, после чего уже использую

daniluk4000 commented 5 months ago

@daniluk4000 Видите в чем проблема. Добавляя модуль через nuxt.config, карта будет всегда загружаться, даже когда она не нужна. Соответственно я через Vue.use регистрирую инстансы модуля яндекс карты, после чего уже использую

Это не так, карта на lazy load. Всегда будет загружен только абсолютный минимум в виде конфига карты. Скрипты Яндекса подключаются только при вызове компонента Карт

Denisoov commented 5 months ago

@daniluk4000 Спасибо за поддержку по вопросам. Можно закрывать тред

daniluk4000 commented 5 months ago

@Denisoov а CSS я так понял починился после применения конфига?

Denisoov commented 5 months ago

@daniluk4000 верно