I am seeing a weird issue in Internet Explorer 9 on my Facebook pagetab when I have setAutoGrow to true. The height grows continuously without end. This is only happening in Internet Explorer for me. Tested with Chrome and Firefox as well.
An example can be found at https://www.facebook.com/GunSweeps/app_480125662005248
Any ideas on what could be the cause? I read another thread on here that suggested it was html, body being set to 100%, and another which said a top-margin was the cause. I'm tried both of these remedies to no avail.
Edit: In more searching, I saw that a global variable might have been the issue, but went through and that does not appear to be the cause either.
Thanks ahead of time for any ideas.
May be you can Try
FB.Canvas.setSize();
After all your contents load
or use a simple timer
var resizetimer= window.setTimeout(function() {
FB.Canvas.setSize();
}, 4000);
Related
I took the code from this page http://signsanddesigns2go.com/?page_id=608 and it works but I want it on my home page so I went to the editor and tried to copy and past the code under the banner slider it showed up but the images did not rotate can anyone help me with this issue please and thank you.
Have you added the auto attribute?
.jcarousel({
auto:2,
scroll:1,
wrap:"last"
})
I have been racking my brain trying to figure this out and I have searched all over this site and others and have found numerous solutions, none of which have any effect. I have tried the viewport meta tag in numerous configurations, I have tried removing the fb-root div, making sure there is no height=100%, and so on... nothing seems to make this page open at full width and size.
Figured out the issue... I literally went file by file and just noticed this little tid bit of code in one of the Highslide files (mobile.js)... simply removed and now all works like I wanted it to.
// Add a meta tag to have the iPhone render the page 1:1
hs.createElement('meta', {
name: 'viewport',
content: 'width=device-width; initial-scale=1.0; maximum-scale=1.0;'
}, null, document.getElementsByTagName('head')[0]);
I have an app, and during development I used an ogg image to indentify the app.
Then, when the app was finished I gave it its own ogg image. I noticed that the app icon remained the old one.
Ok, cached, so used the FB linter. Linter showed correct image. Problems over I guessed.
Did a test post on my own time line, new image shows up. Hurray.
But, surprise surprise, if someone else posts the app, the old image appears. WFT?!
Ok, changed all images, of all my apps, put the all through the linter, the apps.facebook.com url, and the url of the app itself.
All show the correct image on the linter....
Now it must be ok, I thought.
But, suprise surprise a few days later someone posts a link to the app, et voila, the old image appears again..... $%&^#^$####
What more can I do?
HELP! , thanks
My guess is that this is a caching problem. Try with a new anonymous chrome window (or empty your cache in another way) to see if that helps.
Ooops, programmers error....
The App icon changed all alright, but I forgot to adjust the image when a wallpost was made from the App....
Shame, red head., sorry.. :(
Forget it !
I am having some trouble with a webkit bug [1]. Long story short, if an iframe has an ancestor with -webkit-transform: scale(x) the content of the iframe is scaled 2 times.
The platform on which this is happening is iOS5 (both in Safari and UIWebView). I have tested on iOS4, iOS6 and the latest nightly build of webkit and I can not reproduce it there. So the issue seems to be fixed in the newer releases.
I tried the workaround described in one of the bug comments [2] and it does not fix the problem completely. In order for it to work I had to first add -webkit-transform-style: preserve-3d and then inside a timeout add -webkit-transform: scale(x) to the same element. This would have been acceptable, but if any inherited property is changed in one of the iframe's ancestors, the workaround is nullified and the content scaled 2 times again.
Does anybody know any better way to work around this issue ?
Links:
[1] Link to bug : https://bugs.webkit.org/show_bug.cgi?id=15676
[2] Description of workaround : https://bugs.webkit.org/show_bug.cgi?id=15676#c10
I had the same issue and managed to resolve it this way:
webkit-transform: scale(x)
zoom: 1/x
Also you might want to have the same fix for scaling pretty much anything on Android 2.x
I still have an issue though on iOS5.1 that despite content is scaled correctly, if part of it was behind the visible viewport (under overflow: hidden), it still appears blank in scaled iframe.
Hey, I was wondering how to set the focus to a text box in Mobile Safari.
I've tried document.myForm.myTextArea.focus() which works in regular Safari, but it does not seem to work in Mobile Safari.
To clarify, I want to set focus to a text box as soon as the user loads a page, and have the iPhone keyboard pop up.
Just found this previous post stating this is a bug in webkit. Sorry for not doing a more thorough search.
http://discussion.forum.nokia.com/forum/showthread.php?t=127724
I found a bug report with the iUI project relating to this.
It seems that a focus() call will not work if called from the onload event or if called via a timer.
http://code.google.com/p/iui/issues/detail?id=129
Update: Although I have no source for this, I am told (by people who have tried it) that in iPhone OS 4 the problem with focus() and onload should be fixed.
Nothing to do with the timer, focus() doesnt work at all... im doing mine through an AJAX function. i guess my web application will have to suffer in mobile safari.
Bye the way, this also affects HP webOS devices and any other device using mobile safari