Facebook LikeButton のコメントパネル（flyout）を非表示にする

By ゆいちょん On 2015/05/01 Last updated 2017/02/05 0

この記事は投稿されてから１年以上経っています。内容が古くなっているかもしれませんので、ご注意ください。

Facebook いいねボタンを（デザイン上）残念な位置にレイアウトしてしまい、コメントパネル（フライアウト）が表示されているページの width または height を越えてしまって、パネルを閉じることもコメントを投稿することもできなくなる状態になることがある。

まぁなんというか超残念な状態である。WordPressで「いいねボタン」のコメント投稿用パネルが途中で見切れてちゃんと表示されないという問題とは違い、とても恥ずかしいから何とかしたいという状況。

.fb_iframe_widget {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

とするなり

#u_0_6 {
  display: none;
}

するなり。色々やり方はあるんじゃなかと思うけど。