Comments (3)
Your page loads and initializes Pym inside the head tag, which means that when it tries to find and send the height of the body tag, the browser's HTML parser hasn't created the body yet, and the script fails. Move the Pym-related code in the child page to the bottom of the body tag to give the parser time to work.
from pym.js.
Thanks for this. It did fix my issue, however my child iframe is still not resizing. I put the following code on the child to manually send the height back to the parent but it doesn't appear to be doing anything. Any thoughts?
var pymChild = null;
document.addEventListener("DOMContentLoaded", function () {
pymChild.sendHeight();
});
pymChild = new pym.Child();
Thanks!
from pym.js.
I usually turn on the { polling: 200 }
option for Pym children instead of manually sending the height on each DOM change. If that doesn't solve your problem, it may be worth making sure that the body of the child page has a measurable offsetHeight--in some cases, CSS changes that set a percentage height will cause the element to size itself to the window, and not vice-versa.
from pym.js.
Related Issues (20)
- Please add anchor tags to headers on http://blog.apps.npr.org/pym.js/ HOT 2
- AMP Compatibility HOT 9
- Pym Chile does height problem HOT 3
- Optional Fixed Size? HOT 3
- Size of iframe is not increasing with dynamic content HOT 6
- Issues with child navigation example firing only once HOT 7
- Scrolling attribute cannot be reset in IE11 HOT 5
- would you accept a PR for throttling height postMessage? HOT 4
- Is there a blog post or documentation I can use to justify pym's usage? HOT 2
- iframe srcdoc support? HOT 1
- base64 src for iframe HOT 1
- Still active? HOT 1
- Docs: Don't show a useless use of var HOT 5
- Can not horizontally scroll wide iframes HOT 1
- Wrong height of child found from body element. Please help. Why? HOT 2
- Cannot read properties of undefined (reading 'sendHeight') HOT 2
- Feature Request: Ability to take params from hash instead of query string to optimize CDN caching HOT 2
- Allow web-share attribute on the iframe HOT 1
- Adding "allow" attribute to iframe tag HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pym.js.