Проблема с высотой

[Vlad]

Есть следующая страница

 

https://webref.ru/course/introduction/browser

 

Для создания вкладок используется Foundation 6, jQuery 2.1.4. Сами задания сделаны через H5P (h5p.org) и некоторые из них неверно отображаются из-за какой-то ошибки с высотой контейнера. Есть какие-то советы, в чём проблема и как её устранить?

[Switch74]

вижу у всех iframe вложенных в tabs-panel style="height: 1px;" после загрузки страницы какой-то скрипт меняет на 0px

интересно, что если я пытаюсь открыть инспектор размеры нормально встают (происходит это при ресайзе документа)

если раньше такого глюка не наблюдалось, то возможно он возникает из-за двойной вложенности табов

возможно из-за того, что блок tabs-panel, имеет style="height: 0px;" ибо у первой вложенности табов ограничения по высоте нет

[Vlad]

Поэспериментировал с вкладками, убрал вложенные и результат тот же. Т.е. вложенные табы не влияют на отображение и ошибка не из-за них возникает.

[Switch74]

ну дело в каком-то скрипте, который выставляет всем tabs-panel высоту 0px, причем делается это только для вкладок "1","2","3" во вкладке "Задания" для вкладок "Описание" и "Задания" данного стиля нет

[Vlad]

Вот сейчас убрал внутренние вкладки, убрал классы tabs-panel. Всё то же самое.

https://webref.ru/course/introduction/browser

 

Пытаюсь для начала понять, кто чудит - Foundation или H5P.

[Switch74]

ну дык чтобы это выяснить, отключай каждый по одному,

а вот ссылка что-то не грузится у меня сейчас

[Vlad]

Какие-то временные, как надеюсь, проблемы с сервером. Нагрузка на процессор временами возрастает до 100%. 

[Vlad]

Скорее всего баг возникает с H5P из-за того, что у скрытых вкладок установлено display: none. Но вот как это может помочь и что с этим делать - непонятно.

[Switch74]

а что если попробовать скриптом имитировать ресайз окна
или попробовать вместо display:none использовать height:0 + overflow:hidden

[Vlad]

Спасибо за помощь. height + overflow помогло.