Prevent bokeh figures being split across pages when saving HTML to PDF

[alimanfoo]

Hi folks,

I'm using jupyter book to create reports, using the capability to build an HTML page from a single notebook, then saving to PDF via google chrome. I've found that while matplotlib and plotly figures will be correctly moved to the next page if they appear close to the end of a page, bokeh figures will not and will get broken across page breaks.

I can work around this by adding the following HTML code to the notebook:

<style type="text/css" media="print">
  /* make sure bokeh plots don't get split across PDF page boundaries */
  div.bk-root {
    page-break-inside: avoid;
  }
</style>

I was just wondering if there was a better way, e.g., some way this could be handled within the jupyterbook CSS or something like that.

Thanks!