Bug 165304

Summary:

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

Product:

WebKit

Reporter:

Dave Cramer <dauwhe>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

hyatt, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

FromImplementor, InRadar

Version:

Safari 10

Hardware:

iPhone / iPad

OS:

iOS 10

See Also:

https://bugs.webkit.org/show_bug.cgi?id=248432

Attachments:

Description	Flags
paged overflow file doesn't work if embedded in iframe	none

Dave Cramer

Reported 2016-12-02 07:47:30 PST

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.

Attachments
paged overflow file doesn't work if embedded in iframe (6.42 KB, application/zip) 2016-12-02 07:47 PST, Dave Cramer	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2017-02-26 17:07:26 PST

<rdar://problem/30725481>

Note You need to log in before you can comment on or make changes to this bug.