Надстройки Office 365 строго обрезаны по горизонтали в Firefox 53

После обновления до Firefox наша надстройка O365 Mail/Outlook выполняет рендеринг со значительным горизонтальным отсечением, и в результате появляется полоса прокрутки для перемещения вверх и вниз по пользовательскому интерфейсу надстройки. Все остальные браузеры правильно отображают полную надстройку - полоса прокрутки не требуется.

Другие надстройки, вероятно, будут иметь что-то похожее, и я вижу, что связанный элемент flex не работает в Firefox 53, но наша проблема связана с надстройками O365 - похожая корневая проблема, которую я ожидаю

Надстройка загружается в iframe, поэтому dev не может изменить код родительского окна, учитывая другой домен.

Любые решения или новости по исправлению будут с благодарностью

Источник

3 ответа

Я думаю, что после '%' высоты отсутствует пробел : calc(100%- 66px); в таблице стилей от Microsoft. Но я не могу найти хорошую форму ошибки...

без места:

.o365-EXTP-app {
    width: 100%;
    height: -webkit-calc(100% - 66px);
    height: -moz-calc(100% - 66px);
    height: calc(100%- 66px);
}

с пространством

.o365-EXTP-app {
    width: 100%;
    height: -webkit-calc(100% - 66px);
    height: -moz-calc(100% - 66px);
    height: calc(100% - 66px);
}
Источник

Это известная проблема, и мы работаем над ее решением в ближайшее время.

Источник

Мы столкнулись с той же проблемой в Firefox 53.0. После обновления Firefox до 53.0.2 эта проблема исчезла.

Источник
Другие вопросы по тегам