Skip to content

Paged.js polyfill breaks Polymer elements

The Paged.js polyfill appears to break Polymer custom elements/web components. It may also break other web components. I suspect this is because Paged.js isn't copying the custom element's shadow DOM when it moves content around during page layout.

Please see this test case project:

https://github.com/rgladwell/test-pagedjs-with-polymer

Expected result

Polymer element should appear as follows:

Screenshot_2019-06-01_at_10.30.29

Actual result

Instead Polymer elements appear without some content:

Screenshot_2019-06-01_at_10.27.35

Edited by Boris Budini