| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <title>Mozilla bug 1911948</title> |
| <!-- |
| This is just a crashtest, but there's no way to express that in wpt right |
| now, so we just ensure we don't render blank |
| --> |
| <link rel="mismatch" href="/common/blank.html"> |
| <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1911948"> |
| <style> |
| body { overflow: hidden; } |
| </style> |
| </head> |
| <body> |
| |
| <div style="border: 1px solid black;"> |
| <!-- width = page_width * num_pages --> |
| <iframe style="overflow: hidden; border: none; visibility: visible; width: 1942px; height: 810px;" |
| srcdoc="<html xmlns="http://www.w3.org/1999/xhtml" |
| lang="en" xml:lang="en"> |
| <head> |
| <title>Foobar</title> |
| <style> |
| html { overflow: hidden; } |
| body { |
| /* page width */ |
| width: 971px; |
| height: 810px; |
| column-fill: auto; |
| column-gap: 80px; |
| |
| /* (page width / 2) - column-gap */ |
| column-width: 405.5px; |
| font-size: 16px; |
| } |
| |
| section.sect2 { |
| page-break-after: always; |
| -webkit-column-break-after: always; |
| break-inside: avoid; |
| } |
| </style> |
| </head> |
| <body> |
| <section> |
| <p> |
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mollit sit hendrerit molestie facilisis ex enim. Eos |
| quod amet velit officia soluta sint nam ullamco molestie doming kasd obcaecat excepteur diam non placerat |
| mollit. Dolores eleifend, aliquyam sunt praesent velit sit possim aliquyam volutpat adipisici, eros te cillum |
| odio nibh accusam dolor exercitation feugait quod volutpat obcaecat adipisici nonumy diam autem mazim exerci |
| officia ad in. Non iriure vel. Iure gubergren blandit. Assum eleifend sunt nonummy enim minim. Adipiscing |
| excepteur minim. Facilisis nam liber. |
| |
| Proident rebum vero duo aliquip aliqua. Tation at accusam aliquam elitr facer qui adipiscing commodi doming |
| imperdiet excepteur dolore lorem aliqua sint, nostrud placerat kasd iriure magna delenit eum ipsum odio zzril |
| nonumy ullamcorper. Quod adipisici et. |
| |
| Nisl cum lorem facer incidunt. Erat eleifend no. Vel eros aliquyam duo, ex liber wisi elitr soluta enim ad |
| proident fugiat incidunt esse vel. Velit eros odio pariatur. Eum eirmod cupiditat. |
| |
| Ullamcorper no adipisici nibh eros. Imperdiet soluta invidunt aliquid mazim enim sea. Praesent duo et |
| reprehenderit duis. Nibh no proident tempor qui nostrud. Iusto sint nibh lobortis diam sint. Incidunt imperdiet |
| aliquid option duo id ut excepteur laborum te incidunt tincidunt assum. Dolor eu adipiscing delenit accumsan |
| nonummy molestie sanctus tempor aliquyam. Nonumy ullamcorper justo laborum iure odio id sadipscing nibh erat |
| erat magna minim eros diam doming. In blandit iure. Dignissim ipsum stet. Dolor molestie veniam. |
| |
| Elit anim in lorem eleifend aliquip est dolor. Feugiat cillum, dolor kasd eos mazim delenit possim dolores nisi |
| molestie wisi dolores et nulla culpa exercitation nostrud cupiditat vulputate laboris qui accumsan. Rebum |
| delenit facilisi aute lorem ut kasd sed, voluptua nonummy te vulputate consectetuer lorem blandit te anim |
| exercitation imperdiet odio excepteur commodo cupiditat, erat option labore eos nibh kasd no aliquam assum. |
| Lorem at mazim dolor veniam assum erat. Nulla feugait quis, laborum eiusmod illum option aliquyam liber qui |
| consectetur euismod consequat facilisi facilisi exerci eum assum. Invidunt in ea. |
| |
| Labore sanctus consectetuer erat minim volutpat non euismod elit veniam exerci diam commodi laborum, diam |
| lobortis anim congue sit nibh nostrud duis magna ad, kasd feugait qui nulla erat laoreet duis labore nisl kasd |
| mazim feugait illum aute. Enim magna possim commodo exerci kasd sea te. Ad stet dignissim praesent quod soluta |
| consequat aliquyam, ea praesent iriure mazim illum cum eiusmod fugiat minim voluptua eum aliquyam et rebum. |
| Veniam imperdiet eu. No magna molestie. |
| |
| Nulla est consequat no eirmod magna ullamco nonumy incidunt exercitation iure, nibh tincidunt eum aliquid |
| euismod illum iure laborum velit cillum nobis augue wisi reprehenderit feugait tempor commodi soluta. Eros ut |
| quis exercitation volutpat iusto elit eum commodi feugiat gubergren ex. Justo mazim sanctus proident. At kasd |
| nostrud. |
| |
| Vel tation sadipscing illum placerat exercitation laboris iriure liber. Option veniam zzril possim stet invidunt |
| clita stet eirmod mollit nihil ullamco suscipit eos. Duo duo aliquid. Molestie laoreet eu. |
| |
| Possim magna eleifend iriure ex consequat aliquyam. Ipsum diam augue dolores anim eum voluptate nisl at aute |
| sadipscing non dolores quis labore nonumy sint consequat aliquyam hendrerit, commodi dolor proident molestie |
| vulputate te laborum aliquam duis feugiat euismod vulputate. Cupiditat veniam eu erat velit nisl eos accusam. |
| Illum tation ad. |
| </p> |
| <section class="sect2"> |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mollit sit hendrerit molestie facilisis ex enim. |
| Eos quod amet velit officia soluta sint nam ullamco molestie doming kasd obcaecat excepteur diam non |
| placerat mollit. Dolores eleifend, aliquyam sunt praesent velit sit possim aliquyam volutpat adipisici, |
| eros te cillum odio nibh accusam dolor exercitation feugait quod volutpat obcaecat adipisici nonumy diam |
| autem mazim exerci officia ad in. Non iriure vel. Iure gubergren blandit. Assum eleifend sunt nonummy |
| enim minim. Adipiscing excepteur minim. Facilisis nam liber.</p> |
| <p>Proident rebum vero duo aliquip aliqua. Tation at accusam aliquam elitr facer qui adipiscing commodi |
| doming imperdiet excepteur dolore lorem aliqua sint, nostrud placerat kasd iriure magna delenit eum |
| ipsum odio zzril nonumy ullamcorper. Quod adipisici et.</p> |
| <p> |
| Nisl cum lorem facer incidunt. Erat eleifend no. Vel eros aliquyam duo, ex liber wisi elitr soluta enim |
| ad proident fugiat incidunt esse vel. Velit eros odio pariatur. Eum eirmod cupiditat. |
| |
| Ullamcorper no adipisici nibh eros. Imperdiet soluta invidunt aliquid mazim enim sea. Praesent duo et |
| reprehenderit duis. Nibh no proident tempor qui nostrud. Iusto sint nibh lobortis diam sint. Incidunt |
| imperdiet aliquid option duo id ut excepteur laborum te incidunt tincidunt assum. Dolor eu adipiscing |
| delenit accumsan nonummy molestie sanctus tempor aliquyam. Nonumy ullamcorper justo laborum iure odio id |
| sadipscing nibh erat erat magna minim eros diam doming. In blandit iure. Dignissim ipsum stet. Dolor |
| molestie veniam.</p> |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mollit sit hendrerit molestie facilisis ex enim. |
| Eos quod amet velit officia soluta sint nam ullamco molestie doming kasd obcaecat excepteur diam non |
| placerat mollit. Dolores eleifend, aliquyam sunt praesent velit sit possim aliquyam volutpat adipisici, |
| eros te cillum odio nibh accusam dolor exercitation feugait quod volutpat obcaecat adipisici nonumy diam |
| autem mazim exerci officia ad in. Non iriure vel. Iure gubergren blandit. Assum eleifend sunt nonummy |
| enim minim. Adipiscing excepteur </p> |
| <!-- Commenting / uncommenting the following paragraph seems to enable/disable the issue. |
| It doesn't seem to matter if we remove the last paragraph tag & append this text to the ^ above paragraph, |
| and it appears to be the length of content, but that's just a guess. |
| --> |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mollit sit hendrerit molestie facilisis ex enim. |
| Eos quod amet velit officia soluta sint nam ullamco molestie doming kasd obcaecat excepteur diam non |
| placerat mollit. Dolores eleifend, aliquyam sunt praesent velit sit possim aliquyam volutpat adipisici, |
| eros te cillum odio nibh accusam dolor exercitation feugait quod volutpat obcaecat adipisici nonumy diam |
| autem mazim exerci officia ad in. Non iriure vel. Iure gubergren blandit. Assum eleifend sunt nonummy |
| enim minim. Adipiscing excepteur </p> |
| </section> |
| </section> |
| </body> |
| </html>"></iframe> |
| </div> |
| </body> |
| </html> |
