Bootstrap: Printing in IE11 and Firefox is blank after page 1

[DM2489]

Printing in IE11 is broken after the first page, displaying no content.

Chrome:

IE11:

[stephenhillier]

I came here to post the same issue, as our users reported not being able to print using IE. In addition to Internet Explorer, I also have this issue in Firefox 60 on Mac OSX: I can reproduce it on my end by trying to print https://getbootstrap.com/docs/4.1/getting-started/introduction/

[DM2489]

I can confirm that this issue is also present in Firefox on Windows.

Will this be investigated soon?

[DM2489]

Anyone?

[perryflynn]

I have the same problem. Reproducable with the bootstrap examples page.

[DM2489]

@mdo Can this be looked into, pretty please?

[DM2489]

This is still an issue. Can someone assist please?

[ytsurk]

I'm having the same issue! It is caused by display: flex;

So you'll need to add d-print-block to all your flex elements, or add something like this in an @ print media selector:

  .row,
  .any-custom-class-that-uses-flex {
    display: block !important;
  }

[daniele-athome]

I'm having the same issue! It is caused by display: flex;

So you'll need to add d-print-block to all your flex elements, or add something like this in an @ print media selector:

  .row,
  .any-custom-class-that-uses-flex {
    display: block !important;
  }

Too bad that it breaks anything else inside the div...

[ysds]

This is a browser bug. Unfortunately there is no general way to solve. There are some workarounds, those are incompletely but may help for some cases.

Also please see:
https://bugzilla.mozilla.org/show_bug.cgi?id=939897

Sorry but closing this since we can't fix.