gribnoysup / react-yandex-maps

Yandex Maps API bindings for React
MIT License
327 stars 114 forks source link

Размещение в скрытом контейнере #319

Open 7iomka opened 2 years ago

7iomka commented 2 years ago

Всем привет. Подскажите как вы обходите проблему размещения в скрытом контейнере? Частый случай - юзание карты в модалке. Пример https://codesandbox.io/s/staging-violet-opnwd?file=/pages/index.js

Мои попытки реализовать пример из песочницы удачей не увенчались(

Да я знаю что если задать фиксированную ширину / высоту - компонент отрендерится нормально, но размер вьюпорта юзера вычислен только после открытия модалки, я навесил обработчик в примере на это событие и там пытаюсь обновить данные но ничего не происходит

mmarkelov commented 2 years ago

@7iomka привет. Я не работал с Fancybox, который ты используешь в своем примере. Но как я это вижу. У карты стоит позиционирование относительно компонента в процентах. А Fancybox строит контент на основе размеров содержимого. Карта в таком случае будет иметь размеры width - 0, height - 0. Как это обходить в этом случае, я не знаю. Возможно есть средства в этой библиотеки

Снимок экрана 2022-01-29 в 12 19 19

.