Facebook Apps Horizontal Scroll Bar

Question

I noticed that this new horizontal scrollbar is at the bottom, which I cannot remove. I added an image in which I also clearly indicated the scroll bar that I'm talking about. I know that there is a canvas option in the application settings, but this is for scrollbars over this. When I scroll the marked scrollbar to the right, chat and notifications also get a scroll of what was not previously used.

Answer 1

This is a reported Facebook API error: http://developers.facebook.com/bugs/182748101891780

Answer 2

You can add data-width = "100px" (or any other width) to the "fb-like" attribute and solve this problem.

Answer 3

Found a problem like this element from FB ui in the right column:

<div style="width:246px; height:69px; " class="_56vv _56vw" id="u_0_j"> 

This is a Featured Game block that has a carousel. It must have overflow: hidden in CSS. Tried to access it from my application through javascript, but FB blocked it.

Answer 4

This is the solution I used, as this problem made me more crazy.

I use Stylish to set up Facebook, and I have a style that blocks all the useless crap on this site, that is, friends' recommendations, ads, unused navigation items on the left, etc.

All I did was find a DIV that contains the entire right sidebar and turned it off. This effectively eliminated the scrollbar and centers the main content in the middle of the DIV.

Here is the line I added to the stylish:

 #rightCol {display:none;} 

And just for your reference, here is the whole list that I use for Facebook:

 .rightColumnWrapper {display:none;} #navHome{display:none;} #pagelet_ego_pane {display:none;} #pagelet_friend_list_suggestions {display:none;} #appsNav {display:none;} #pagelet_ticker {display:none;} #fbSidebarGripper {display:none;} #pagelet_welcome {display:none;} #rightCol {display:none;} .groupMemberSuggestionsList{display:none;} .groupRecommendationsList{display:none;} 

Hope this helps if you haven't found a solution yet.