This is a firefox specific bug that just started today. IE and Chrome do not show any scrollbars. I'm making all the appropriate Facebook calls to autogrow the page.
I have in place
FB.Canvas.setAutoGrow();
FB.Canvas.setSize(true);
Inserting css: Overflow : hidden on the html tag will fix the problem but breaks many of my pages.
and nothing is working. Even with css: Overflow:hidden the vertical/horizontal scrollbars still appears but is disabled.
Previously, firefox had always displayed a disabled bottom scrollbar, but now it is displaying a enabled vertical scrollbar as well. The vertical scrollbar just crept up over night and is now displaying on the live version of my app. Something changed on the Facebook end to have the vertical scrollbar start showing up.
Aside from the vertical scrollbar now appearing, firefox also displays a disabled bottom scrollbar that is impossible to get rid of, I've seen this bottom scrollbar on every app on facebook in Firefox.
You can see the bug live in action by going to
apps.facebook.com/Ovrlap-App I also went around checking out other FB apps and found another example on BranchOut (an app with 2mill + users).
Firefox has always had a disabled bottom scrollbar which I'm totally clueless as to how to get rid of it. But this new vertical scrollbar just showed up today.
Thanks in advance,
-Rob
Related
I have an irritating bug with the Facebook like button. When my page is loading, my share buttons (Facebook like, Tweet, +1 buttons) will start on the left side. Then they will appear in the middle of the page. And finally when the loading is finished, they will appear in the correct position on the left side again.
The shifting of the share buttons all over the page is kind of annoying and looks unprofessional, even though they end up at the correct position on the left side when the page is done loading.
I believe this is related to the Facebook like button. I have tested this in IE and Chrome in Windows. I have also tested this in Safari on IPhone. All browsers seem to have the same problem.
You can see the bug here:
http://www.alphabanter.com/
Is there any way to fix this?
I figured it out. Looks like width=450 was causing the problem. I removed width=450 and the Like button now stays on the left side of the page and does not jump around anymore. Maybe there is a deeper reason why width=450 causes problems for my page but at least it works now.
On my webpage, I use ajax to load some offers. Issue shows up on ios6... unless the bottom of the page is visible, as soon as I scroll down into the available offers, the browser jumps to the top of the page. This happens the same in both chrome and mobile safari in ios6. If i very quickly scroll to "bounce" the bottom of the page, it stays. As soon as i scroll up and bottom is no longer visible, it jumps to the top.
Anyone have any idea how to code around this, so that the scrolling works properly?
was just trying to set up a canvas page for our app. Got empty scrollbars. Tried with a URL that's working in another app to see if theres something wrong with my iframed page. Empty scrollbars again. What setting would I have to change? Professor Google only told me about deprecated options for canvas settings.
This is my canvas page showing scrollbars:
http://apps.facebook.com/canvasscrollbars/
This is the canvas page I copied the iframed page from - no scrollbars here!
http://apps.facebook.com/tabpress
EDIT: Problem as described in Firefox, IE shows only vertical scrollbar. Safari and Chrome working fine and showing no scrollbars as desired.
Go to "Advanced settings" of your Facebook app, then find "Canvas Settings" section and change "Canvas Height" to "Settable (Default: 800px)".
In my case this fixed scrollbar problem.
Since google chrome updated to 11.0.696.60 some days ago, it cuts off the bottom of popup pages ... the status bar is displayed OUTSIDE the window at the bottom. Here is an example how it happens on the Facebook share popup, like shown in the screenshot:
On the left window the share and skip button disappear totally. The page seems to be larger than the window but resizing the windows does not uncover them. When you hover over a link, the status bar appears outside the chrome window ... strange! Maximizing the window or going into fullscreen mode shows the bottom. I detect this behavior on different popup pages on different systems ...
Is this a setting thing or a bug?!?
Since I code something with this fb share function (fb jsSDK)
ok, i found now there is a thread at the chromium forum regarding this issue:
here
Just managed to fixed this issue by reverting the theme back to the default.
options > personal stuff > themes > reset to default theme
For me the problem was occurring due to a zoom level exceeding 100%. Setting the zoom value to 100% fixed it.
I'm using streamPublish in my facebook app in a couple of places to post to the user's wall and to post to a friend's wall. It's been working fine for he past couple of months, but for the last few days the window keeps resizing in a downwards direction, hiding the publish and skip buttons off the bottom of the screen.
I have tried in IE, FF and chrome. It seems to be random - sometimes the window will open correctly, and sometimes it will resize off the bottom of the screen. I have noticed that in IE and chrome, the title bar of the window doesn't appear, so when this issue happens, there is no 'X' to click on to close the window, as well as no publish or skip buttons, so there is now way to close the window. FF does however have the title bar.
I found this bug on FB website:
http://bugs.developers.facebook.net/show_bug.cgi?id=15214
Could it be related?
this also happened to me when the streamPublish dialog raised in the place of a flash
I just changed the place of the flash file or using instead the iframe