Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

found the problem. I was renaming a method. And I renamed the wrong one... I make a new build and send you a link tomorrow.

Best, Michael

Hi,
Removed
var onload_resize_delay=100;

Now I can see the page again!
Also I do not have the problem in Chrome where the page was clipped at the bottom so I could not see the navigation on the iframe page.

Still the iframe does not show on Chrome mobile (IOS and android).

Please wait for my fix. Because the resize delay fixed the mobile chrome issue.
But the wrapper is now gone. This was the first goal.

Best, Michael

Hi Michael, what is the progess on the fix?

Fix is done but unfortunately In between I was doing some code changes to meet the new code canyon plugin requirements. I need to test everything now again. Still in progress. I maybe can send you a version tonight.

Best, Michael

I just did some tests with my new version. It is is still not stable enough!
If you like I can point to you the place you need to change. you only have to modify 2 places...

Best, Michael

Yes, just let me know where to change and I can test it.

You need to modify js/ai_external.template.js


There is a method called:
aiResizeLater_PARAM_ID() {
document.body.style.overflow='auto';
}

it needs to be

function removeOverflowHidden() {
document.body.style.overflow='auto';
}

then

if (keepOverflowHidden === 'false') {
var timeoutRemove = onload_resize_delay + 500;
window.setTimeout(aiResizeLater_PARAM_ID, timeoutRemove);
}

needs to be

if (keepOverflowHidden === 'false') {
var timeoutRemove = onload_resize_delay + 500;
window.setTimeout(aiRemoveOverflowHidden, timeoutRemove);
}



Save this file. Then go to the administration and save to generate ai_external.js again.
Retry...

Best, Michael

Hi, I edited the file and now the iframe is not showing at all. In Chrome inspector I see this error:

Uncaught ReferenceError: aiRemoveOverflowHidden is not defined
at aiExecuteWorkaround_frame_content (ai_external.js?vs=35:308

I had to change the code back to original to at least get my iframe to work on desktop browser.

Ah

function removeOverflowHidden() {
->
function aiRemoveOverflowHidden() {

I did a lot of refactoring. e.g. each of the methods now has its own prefix ai...

Good. Page is showing again!

Still does not show on Chrome mobile. Page loads on Firefox mobile and Safari IOS.
https://biofokus.no/narin/

and now you add

var onload_resize_delay=100;

again.

Thanks I did that and emptied all caches. Still not showing in Chrome mobile.

strange- was was the setting when on mobile it does work.
About chrome mobile. IOS, Android?

where can I test?

Best, Michael

You can test this page on Chrome mobile:
https://biofokus.no/narin/
Does not work on mobile Chrome. The shortcode is this:


This page uses the same iframe but different shortcode. Shows only part of the iframe on Chrome mobile:
https://biofokus.no/narin-test/
Shortcode:


I really can't remember if it has worked on Chrome mobile. My old page did work https://biofokus.no/narin-test2
It uses same shortcode as the first page (/narin/) but different iframe.