Comments (16)
Hi, that is an issue in some browsers, if you don't use the default bodyOffset
method. Looking at you options, what happens if you get rid of everything except the checkOrigin
one?
Just playing around with some ideas on how to fix this, hope to have something soon.
from iframe-resizer.
Removing everything other than checkOrigin produces the same results. Also, I switched back to the default bodyOffset for now (I had it set to bodyScroll for no particular reason)
Interestingly enough, it works on my iPad perfectly (sizes down the iFrame perfectly)
EDIT: I should clarify, v2.1.0 worked perfectly using Chrome for iPad, it seems as if the most recent version doesn't work anymore
from iframe-resizer.
Have you tried rolling back to v2.1.0 and seeing if it works on the desktop version? Had a look at your page and something strange seems to making all the different height values return the same value. Never seen that before.
from iframe-resizer.
Rolled back to v2.1.0 and it worked for the iPad again, but not on the desktop.
It returns an old(same) value whenever the page shrinks, anytime the page grows larger, it reads the proper height with no problems.
The fact it works on mobile devices is really interesting...
from iframe-resizer.
I think something in your page is adjusting the height of the different elements to fit the window, so that when this script looks them up they are the wrong size. Their are six different ways to measure the height of an iFrame and they normally give different figures, on you page they are all the same.
What other scripts do you have running?
from iframe-resizer.
To check if there were any other scripts interfering with the resizer, I set up a test page with no other includes other than this (and jquery), located at: http://anycruise.ca/resizertest.html
I'm using all the same settings, and it seems that it still doesn't want to downsize the frame.
from iframe-resizer.
The issue is the JavaScript in the iFrame, not the host page.
from iframe-resizer.
ahh, sorry about that.
I have limited access to the iFrame source page. The extent of what I can do is insert code into the header. While it's probably not within the scope of your project, do you have any ideas of what I could do?
Thanks for everything so far!
from iframe-resizer.
If you send me your email address, I'll send you a beta copy of the next version, that may work around this for you. Hope to have it out next week, want to do some more testing on it first and it would be helpful to test it with this.
from iframe-resizer.
Sure thing. My email is [email protected]
I'd be happy to help in any way.
from iframe-resizer.
Just sent you an email.
from iframe-resizer.
PS You will need to set the hightCalculationMethod
to max for this to work.
from iframe-resizer.
Try http://davidjbradshaw.com/iframe-resizer/example/test.html.
from iframe-resizer.
flipnotic: You said: "The fact it works on mobile devices is really interesting"
If your code contains media queries you could activate them in all media. If the problem disappears it would help narrow the source of the problem.
from iframe-resizer.
The latest version (same as in the test page above) works perfectly for me. Thanks a lot!
Just a note; it seems to also throw a JS error:
Uncaught ReferenceError: calleeMsg is not defined iframeResizer.contentWindow.js:393
from iframe-resizer.
Just emailed you an update without that bug. So your not waiting on me to publish this version.
from iframe-resizer.
Related Issues (20)
- Trigger iframe-resizer to resize HOT 1
- How to integrate with nuxt3? HOT 2
- Time overhead when adding many elements under a same HTML element HOT 4
- i am having button inside iframe . how can i detect button click event HOT 1
- Scroll to element on AJAX request not working in child page even with scrolling set to yes HOT 1
- BREAKING🐞: `v4.3.9` release breaks usage of `.min.js` file from CDN HOT 5
- Scrolling may make the page jump to the left HOT 4
- [Feature Request] Add onResizeError callback HOT 4
- Value for minHeight can not be greater than maxHeight HOT 1
- Extra padding in Safari (macOS) 17.3 HOT 11
- Rounding up calculated height value to non-decimal number to prevent scrollbar from showing HOT 33
- Callback from IframeResizer does not get the latest state object HOT 2
- iFrame with dynamic blog posts nested in toggles not resizing in mobile phones. HOT 10
- Hard to make this, any advices on debugging and devolping?
- How to handle media queries? HOT 1
- Future roadmap
- Attempting to import latest parent script via CDN results in a 400 error HOT 4
- Vue Feedback
- License changed from MIT to GPL HOT 1
- Incorrect license in 4.4.x package.json HOT 4
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 iframe-resizer.