break-inside-avoid-multicol-iframe-crash-print.html (8725B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>Mozilla bug 1911948</title> 7 <!-- 8 This is just a crashtest, but there's no way to express that in wpt right 9 now, so we just ensure we don't render blank 10 --> 11 <link rel="mismatch" href="/common/blank.html"> 12 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1911948"> 13 <style> 14 body { overflow: hidden; } 15 </style> 16 </head> 17 <body> 18 19 <div style="border: 1px solid black;"> 20 <!-- width = page_width * num_pages --> 21 <iframe style="overflow: hidden; border: none; visibility: visible; width: 1942px; height: 810px;" 22 srcdoc="<html xmlns="http://www.w3.org/1999/xhtml" 23 lang="en" xml:lang="en"> 24 <head> 25 <title>Foobar</title> 26 <style> 27 html { overflow: hidden; } 28 body { 29 /* page width */ 30 width: 971px; 31 height: 810px; 32 column-fill: auto; 33 column-gap: 80px; 34 35 /* (page width / 2) - column-gap */ 36 column-width: 405.5px; 37 font-size: 16px; 38 } 39 40 section.sect2 { 41 page-break-after: always; 42 -webkit-column-break-after: always; 43 break-inside: avoid; 44 } 45 </style> 46 </head> 47 <body> 48 <section> 49 <p> 50 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mollit sit hendrerit molestie facilisis ex enim. Eos 51 quod amet velit officia soluta sint nam ullamco molestie doming kasd obcaecat excepteur diam non placerat 52 mollit. Dolores eleifend, aliquyam sunt praesent velit sit possim aliquyam volutpat adipisici, eros te cillum 53 odio nibh accusam dolor exercitation feugait quod volutpat obcaecat adipisici nonumy diam autem mazim exerci 54 officia ad in. Non iriure vel. Iure gubergren blandit. Assum eleifend sunt nonummy enim minim. Adipiscing 55 excepteur minim. Facilisis nam liber. 56 57 Proident rebum vero duo aliquip aliqua. Tation at accusam aliquam elitr facer qui adipiscing commodi doming 58 imperdiet excepteur dolore lorem aliqua sint, nostrud placerat kasd iriure magna delenit eum ipsum odio zzril 59 nonumy ullamcorper. Quod adipisici et. 60 61 Nisl cum lorem facer incidunt. Erat eleifend no. Vel eros aliquyam duo, ex liber wisi elitr soluta enim ad 62 proident fugiat incidunt esse vel. Velit eros odio pariatur. Eum eirmod cupiditat. 63 64 Ullamcorper no adipisici nibh eros. Imperdiet soluta invidunt aliquid mazim enim sea. Praesent duo et 65 reprehenderit duis. Nibh no proident tempor qui nostrud. Iusto sint nibh lobortis diam sint. Incidunt imperdiet 66 aliquid option duo id ut excepteur laborum te incidunt tincidunt assum. Dolor eu adipiscing delenit accumsan 67 nonummy molestie sanctus tempor aliquyam. Nonumy ullamcorper justo laborum iure odio id sadipscing nibh erat 68 erat magna minim eros diam doming. In blandit iure. Dignissim ipsum stet. Dolor molestie veniam. 69 70 Elit anim in lorem eleifend aliquip est dolor. Feugiat cillum, dolor kasd eos mazim delenit possim dolores nisi 71 molestie wisi dolores et nulla culpa exercitation nostrud cupiditat vulputate laboris qui accumsan. Rebum 72 delenit facilisi aute lorem ut kasd sed, voluptua nonummy te vulputate consectetuer lorem blandit te anim 73 exercitation imperdiet odio excepteur commodo cupiditat, erat option labore eos nibh kasd no aliquam assum. 74 Lorem at mazim dolor veniam assum erat. Nulla feugait quis, laborum eiusmod illum option aliquyam liber qui 75 consectetur euismod consequat facilisi facilisi exerci eum assum. Invidunt in ea. 76 77 Labore sanctus consectetuer erat minim volutpat non euismod elit veniam exerci diam commodi laborum, diam 78 lobortis anim congue sit nibh nostrud duis magna ad, kasd feugait qui nulla erat laoreet duis labore nisl kasd 79 mazim feugait illum aute. Enim magna possim commodo exerci kasd sea te. Ad stet dignissim praesent quod soluta 80 consequat aliquyam, ea praesent iriure mazim illum cum eiusmod fugiat minim voluptua eum aliquyam et rebum. 81 Veniam imperdiet eu. No magna molestie. 82 83 Nulla est consequat no eirmod magna ullamco nonumy incidunt exercitation iure, nibh tincidunt eum aliquid 84 euismod illum iure laborum velit cillum nobis augue wisi reprehenderit feugait tempor commodi soluta. Eros ut 85 quis exercitation volutpat iusto elit eum commodi feugiat gubergren ex. Justo mazim sanctus proident. At kasd 86 nostrud. 87 88 Vel tation sadipscing illum placerat exercitation laboris iriure liber. Option veniam zzril possim stet invidunt 89 clita stet eirmod mollit nihil ullamco suscipit eos. Duo duo aliquid. Molestie laoreet eu. 90 91 Possim magna eleifend iriure ex consequat aliquyam. Ipsum diam augue dolores anim eum voluptate nisl at aute 92 sadipscing non dolores quis labore nonumy sint consequat aliquyam hendrerit, commodi dolor proident molestie 93 vulputate te laborum aliquam duis feugiat euismod vulputate. Cupiditat veniam eu erat velit nisl eos accusam. 94 Illum tation ad. 95 </p> 96 <section class="sect2"> 97 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mollit sit hendrerit molestie facilisis ex enim. 98 Eos quod amet velit officia soluta sint nam ullamco molestie doming kasd obcaecat excepteur diam non 99 placerat mollit. Dolores eleifend, aliquyam sunt praesent velit sit possim aliquyam volutpat adipisici, 100 eros te cillum odio nibh accusam dolor exercitation feugait quod volutpat obcaecat adipisici nonumy diam 101 autem mazim exerci officia ad in. Non iriure vel. Iure gubergren blandit. Assum eleifend sunt nonummy 102 enim minim. Adipiscing excepteur minim. Facilisis nam liber.</p> 103 <p>Proident rebum vero duo aliquip aliqua. Tation at accusam aliquam elitr facer qui adipiscing commodi 104 doming imperdiet excepteur dolore lorem aliqua sint, nostrud placerat kasd iriure magna delenit eum 105 ipsum odio zzril nonumy ullamcorper. Quod adipisici et.</p> 106 <p> 107 Nisl cum lorem facer incidunt. Erat eleifend no. Vel eros aliquyam duo, ex liber wisi elitr soluta enim 108 ad proident fugiat incidunt esse vel. Velit eros odio pariatur. Eum eirmod cupiditat. 109 110 Ullamcorper no adipisici nibh eros. Imperdiet soluta invidunt aliquid mazim enim sea. Praesent duo et 111 reprehenderit duis. Nibh no proident tempor qui nostrud. Iusto sint nibh lobortis diam sint. Incidunt 112 imperdiet aliquid option duo id ut excepteur laborum te incidunt tincidunt assum. Dolor eu adipiscing 113 delenit accumsan nonummy molestie sanctus tempor aliquyam. Nonumy ullamcorper justo laborum iure odio id 114 sadipscing nibh erat erat magna minim eros diam doming. In blandit iure. Dignissim ipsum stet. Dolor 115 molestie veniam.</p> 116 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mollit sit hendrerit molestie facilisis ex enim. 117 Eos quod amet velit officia soluta sint nam ullamco molestie doming kasd obcaecat excepteur diam non 118 placerat mollit. Dolores eleifend, aliquyam sunt praesent velit sit possim aliquyam volutpat adipisici, 119 eros te cillum odio nibh accusam dolor exercitation feugait quod volutpat obcaecat adipisici nonumy diam 120 autem mazim exerci officia ad in. Non iriure vel. Iure gubergren blandit. Assum eleifend sunt nonummy 121 enim minim. Adipiscing excepteur </p> 122 <!-- Commenting / uncommenting the following paragraph seems to enable/disable the issue. 123 It doesn't seem to matter if we remove the last paragraph tag & append this text to the ^ above paragraph, 124 and it appears to be the length of content, but that's just a guess. 125 --> 126 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mollit sit hendrerit molestie facilisis ex enim. 127 Eos quod amet velit officia soluta sint nam ullamco molestie doming kasd obcaecat excepteur diam non 128 placerat mollit. Dolores eleifend, aliquyam sunt praesent velit sit possim aliquyam volutpat adipisici, 129 eros te cillum odio nibh accusam dolor exercitation feugait quod volutpat obcaecat adipisici nonumy diam 130 autem mazim exerci officia ad in. Non iriure vel. Iure gubergren blandit. Assum eleifend sunt nonummy 131 enim minim. Adipiscing excepteur </p> 132 </section> 133 </section> 134 </body> 135 </html>"></iframe> 136 </div> 137 </body> 138 </html>