Вопрос чисто по практичности. Насколько практично будет использовать iframe для основы страницы, что будет размещаться посредине окна, там же будет вывод какой-либо информации, и, например, карта. А вокруг - сам сайт с навигацией, кнопками , меню и тд.

Читал что не желательно использовать их для чатов, навигации по сайту, фото галерей, то что хочу осуществить я - не подпадает под любую из категорий. Сайт планируется для личного использования как система управления и вывода данных

Если необходимо чтобы код из основного окна общался с кодом из iframe, или как то модифицировал содержимое iframe, то лучше до начала разработки отказаться от этой идеи. Так же проблемы будут если нужно управлять стилями из основного окна.

Вообще имхо использование iframe по назначению - отображение внешнего ресурса. Все остальное - костыли и задачу будет правильнее решить по другому. Но могу ошибаться, возможно у кого то был успешный опыт и меня поправят

В чём проблема общаться с iframe?

Но да, это такая себе идея.

если управляемый - то хотя бы в том что там свой document и изолированные события, стили. если не управляемый - то это вообще цирк с обезьянами начинается(postMessage)

даже больше кажется - window свой, если память мне не изменяет

посыл в том, что если можно сделать без iframe - лучше сделать без iframe

Всем привет, подскажите почему так происходит и как пофиксить ?

сборщик webpack.mix

+

А чё тут фиксить, транзишн вроде работает 😂

ну так транзишн не только на этом блоке, а при презагрузке страницы некоторые блоки странно себя ведут

Так а кто ж это знает )

По вашему видео все отрабатывает корректно

Сделайте брейкпоинт на моменте с попапом , посмотрите что двигает вёрстку

Вебпак тут явно не при чем

опишите ожидаемое поведение

При перезагрузке страницы не должно быть выплываний блоков, просто появление со всем контентом, а при наведении мыши плавно немного  увеличивается box-shadow. Если в transition вместо all, установить box-shadow то все ок, но вопрос в другом почему вообще так происходит. Та же ситуация на текстах, фриш прогружается незаметно для глаза, а вот размер шрифта и цвет увеличиваются постепенно. Там тоже установлен transition: all, я понимаю что можно заменить на color, но вопрос в том почему так стало происходить. Я до этого проекта всегда везде трансишн задавал all, все работало корректно.