CSS: Flex Box не друкує всі сторінки Firefox - css, firefox, друк, flexbox

У мене є сторінка зі структурою, подібною до цього:

<main>
<section>
<article></article>
<aside></aside>
</section>
</main>

У CSS я включаю наступне:

main {
display: flex;
flex-direction: row;
}

Стаття часто триває багато сторінок.

Коли я друкую або друкую попередній перегляд, я вважаю, що це дає мені лише першу сторінку. Після деяких експериментів я отримав таке рішення:

@media print {
aside {
display: none;
}
main {
display: block;
}
}

Тобто, використовуючи display: block Я можу отримати всі сторінки друкувати ще раз. У цьому випадку це нормально, тому що я не хочу цього aside щоб надрукувати, так що мені це не потрібно flex поведінка, але це не завжди так.

Здається, це добре працює в Safari та Chrome. Я тестую це на Mac.

Чому це не працює в Firefox?

Фактичну сторінку можна знайти за адресою: https://www.thewebcoder.net/articles/toggling-attributes. Це все ще на ранніх стадіях.

Відповіді:

Оглянувши це трохи зараз, я все ще не впевнений в тому, що Firefox призводить до відсікання контейнерів для друку. Я знайшов дуже старі повідомлення про помилки в Bugzilla (наприклад,. https://bugzilla.mozilla.org/show_bug.cgi?id=258397), але вони мали щось відношення до властивостей переповнення на body тег На жаль, спроба налагодити переповнення тіла для цього нічого не робить.

Я навіть пішла до Сторінка завантажувача 4 " який використовує макети на основі flexbox. Звичайно, спроба роздрукувати його в Firefox призводить до того ж питання.

Нарешті, навіть display: inline-block має такий же ефект.

Мені здається, що примушування display: block На друк це те, що забезпечить Pagionation Firefoxправильно В ідеалі макет, який ви використовуєте для друку, буде настільки простим, наскільки це можливо, щоб це не стало перешкодою, але, як мінімум, це дуже дивно.

Можливо, той, хто має більше знань, може розібратися та повідомити, чи є це законною помилкою Firefox або просто частиною їх філософії дизайну.