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

1,437 view

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

  • Facebook ログイン済み
  • いいね済み
  • いいねしている状態で再度ボタンを押下すると表示
  • Layout:Button

Facebook コメントパネル フライアウト

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

Facebook Like Button

.fb_iframe_widget {

  display: inline-block;

  position: relative;

  overflow: hidden;

}

とするなり

#u_0_6 {

  display: none;

}

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

コメントを残す

  • コメント欄には個人情報を入力しないようにしてください。

  • 入力いただいたメールアドレスは公開されませんがサーバーに保存されます。
  • 入力いただいた情報の他に、IPアドレスを取得させていただきます。取得した IPアドレス はスパム・荒らしコメント対処ために利用され、公開することはありません。