Как убедиться, что свойство overflow css скрыто в сетке kendo, когда iframe загружается до отображения div контейнера в IE10?

#javascript #html #css #kendo-grid #internet-explorer-10

#javascript #HTML #css #kendo-grid #internet-explorer-10

Вопрос:

У меня есть набор вкладок, которые загружают содержимое внутри iframes. Когда я выбираю одну из вкладок, на которую был загружен его фрейм, прежде чем показывать содержимое контейнера, я получаю следующее поведение в IE10:

Изображения:

Снимок экрана демонстрационной версии kendo внутри iframe

Я смог воспроизвести проблему, используя следующий код:

HTML:

 <div style="display: none;">
        <iframe src="http://demos.telerik.com/kendo-ui/grid/index" frameborder="0" style="height:1000px; width:100%; z-index: -1;"></iframe>
</div>
  

Javascript:

 $(function() {
    setTimeout(function () {
                    $("div").css('display', 'block');
            }, 2500);
}