LINUX.ORG.RU

Бага или фича? Flex-контейнеры и печать

 


0

1

Столкнулся с неожиданным поведением flex при печати html и пытаюсь понять, это бага или фича. Дело в том, что поведение одинаковое и для Chrome и для Firefox.

Дано: html с такой структурой

<body>
    <div style="display: flex; flex-direction: column;">
        <...>
        <div style="display: flex;">Lorem ipsum <...> </div>
        <...>
    </div>
</body>
Т.е. в body находится div c display: flex, внутри него много-много div так же с display: flex, достаточно чтобы не влезло на одну страницу A4 (лучше 3-4).

Отправляем html на печать и видим, что при переходе на другую страницу строка разрезается по середине. Выглядит вот так https://i.imgur.com/zZuwZwc.png

Если внешний div не flex или его вообще нет, или внутренние div не flex, то всё нормально.

Может кто сталкивался с похожим или знает от чего так?

★★★★★

А что, кто-то вообще при печати html когда-то умел двигать блоки пересекающие границу страницы? Это как-бы априори противоречит разметке.

slovazap ★★★★★
()

As already mentioned, browser support is patchy for Paged Media and Fragmentation. Where Fragmentation is concerned, an additional issue is that breaking has to be specified and implemented for each layout method. If you were hoping to use Flexbox or CSS Grid in print stylesheets, you will probably be disappointed. You can check out the Chrome bugs for Flexbox and for Grid.

https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/

это я к чему? отдельные стили для печати лабай и будь проще ;)

aol ★★★★★
()
Последнее исправление: aol (всего исправлений: 1)
Ответ на: комментарий от aol

Короче, это бага, но всем пофиг. Как-то так я и думал.

hippi90 ★★★★★
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.