Modal bootstrap drukowany na każdej stronie - błąd Opcje

[markonix]

Mam problem, chciałem sobie drukować popupy ale ciągle mi się drukowały 2 razy.
Cofając się zauważyłem, że ten problem leży już gdzieś u podstaw tj. nawet bez żadnych moich cssów dla print modal drukuje się na każdej stronie.

Przykładowo w tych templatkach:
http://www.deemble.com/deeadmin/v1_2_0/modals.html
https://agileui.com/demo/monarch/demo/admin...ate/modals.html
Otwierając modal i dając CTR + P widać już w podglądzie (Chrome), że modal nachodzi na treść na każdej stronie.

Co ciekawe gdy jednak ustawię w przeglądarce emulacje print to wszystko ładnie działa.

Jakieś sugestie jak się pozbyć tego modala?
Myślałem, że modal się po prostu jakoś dubluje i próbowałem first:child ale to nie jest problem z dwoma divami.

Ten post edytował markonix 22.06.2016, 17:38:38

[Comandeer]

Strzelam, że do druku należy zamienić position: fixed na position: absolute. W druku position: fixed jest uznawany za element znajdujący się na każdej stronie.

[markonix]

Zgadza się, jest to bezpośrednia przyczyna.

Niestety ciągle mam problem bo teraz ok, zamiast dwóch mam jeden ale drugą stronę ciągle mi drukuje (jest teraz tylko pusta).
Mój css:

[PHP] pobierz, plaintext 
@media print {
 
    /* on modal open bootstrap adds class "modal-open" to body, so you can handle that case and hide body */
    body.modal-open {
        visibility: hidden;
    }
 
    body.modal-open .modal {
        position: absolute;
        visibility: visible;
    }
 
    body.modal-open .modal .modal-footer {
        visibility: hidden;
    }
}
[PHP] pobierz, plaintext 

Po prostu drukuje tyle stron pustych ile byłoby stron gdybym nie ukrył wszystkiego poza modalem (czyli jak zrobię 2 większą tabele pod modalem to będzie modal i 3 puste strony).

Próbowałem np. tego rozwiązania:
http://stackoverflow.com/a/22320644/2177401
i nic, ciągle widzi stronę jaka była przed ukryciem.

Z FF w ogóle modal troszkę się rozjechał ale to sobie poradzę.
Natomiast w IE/Edge wygląda tak jak powinno, ładnie wyśrodkowany i tylko jedna strona, kto by pomyślał.

Ten post edytował markonix 23.06.2016, 01:43:54

[Comandeer]

A nadanie overflow: hidden dla html, body? Bo visibility zachowuje rozmiary ukrytego elementu.

[markonix]

Tak, to właśnie robi. Pod modalem mam dynamiczną tabelę z ustawieniem liczby na stronę więc mogę łatwo zwiększać jej rozmiar.
I niestety.

[PHP] pobierz, plaintext 
html, body {
        overflow: hidden !important;
    }
[PHP] pobierz, plaintext 

Nic nie daje. Jak zrobię długą tabelę to mam 1 stronę z modalem i 9 pustych.
Nie rozumiem czemu nie to nie reaguje na zadanie wysokości dla body :/