Наши клиенты встраивают наш iframe с одним входом, и до недавнего обновления Chrome эта проблема никогда не возникала, но стили iframe не вступают в силу, пока не произойдет какое-то взаимодействие с фреймом.
Это, очевидно, ошибка, но я не могу найти какую-либо документацию или исправить ее.
Следующее решение проблемы.
- Наведите или сфокусируйтесь наthe frame
- Нажатие инструмента проверки devtools.
- Изменение размера окна.
- Нажатие на iframe html в окне элементов.
первое изображение ниже - это версия без ошибок, а второе - правильная версия после взаимодействия со страницей.
Это было трудно устранить, поскольку природа ошибки устраняется практически при любом взаимодействии.Один клиент использовал Calc (), который я удалил, и это не имело никакого значения.Кажется, что существует определенная корреляция, что все эти клиентские сайты загружаются динамически (anguilar / реагировать), поэтому может случиться так, что DOM обновится до того, как стили вступят в силу?
Значение по умолчанию для ввода Iframe CSS
input {
width: 100%;
border-style: none;
padding: 0;
padding-top: 2px;
font-size: 18px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
iframe html
<iframe src="" frameborder="0" width="100%" height="100%" id="" name="" scrolling="no"></iframe>