page-break-inside

I am currently working on printing something. I have a dynamic page where it has variable numbers of block level elements. Some may be 1 line, and some may be 100+ lines. <div class='myclass'><span id="id1">1</span>text 1 line....</span></div> <div class='myclass'><span id="id2">2</span>text 10 lines....</span></div> <div class='myclass'><span id="id3">3</span>text 3 lines....</span></div> <div class='myclass'><span id="id4">4</span>text 100+ lines....</span></div> ... I know the page-break-inside:avoid; when it is implemented (supported by Opera, Chrome, and IE7+ in strict html mode only)

I have a problem with CSS page-break-inside: avoid . I have some printing blocks which have this css attribute set, however Safari breaks any content just as the real page break occurs, while it works in all other major browsers (current versions) I've tested so far. It doesn't seem to matter which type of content the printing block holds as I've seen this behavior with both a table and a canvas element being split up right in the middle. As far as http://css-tricks.com/almanac/properties/p/page-break/ and https://developer.apple.com/library/archive/documentation/AppleApplications/Reference