Bug 165304 – overflow: paged-x doesn't paginate in iframe in iOS

• Status: NEW
• Component: CSS

[Dave Cramer]

Created attachment 295943 [details]
paged overflow file doesn't work if embedded in iframe

When using overflow: -webkit-paged-x inside an iframe, mobile Safari lays out the containing block horizontally with a horizontal scroll bar, but does not actually divide the content into discreet pages.

Instead of:

| line1 | line4 | line7 | line10 |
| line2 | line5 | line8 | line11 |
| line3 | line6 | line9 | line12 |

You get one giant, wide page:

| line1line2line3line4line5 |
| line6line7line8line9line10|
| line11line12line13line14  |

paged overflow works outside of an iframe in mobile Safari, and works inside and outside of iframes on desktop Safari.

Two test files are attached:

overflow-paged.html is a small sample of overflow: -webkit-paged-x. It works fine on its own.

iframe.html embeds the previous file, and that content doesn't paginate when inside the iframe.

A larger-scale example can be found at https://dauwhe.github.io/acme-labs/main.html?manifest=MobyDick/manifest.json.

[Radar WebKit Bug Importer]

<rdar://problem/30725481>