すたらブログ

文系Webプログラマの備忘録

Facebook Page Plugin: マウスホイールでスクロールできない不具合に出遭った

症状

FacebookのPage Pluginというプラグインの中でマウスホイールを回転させてもスクロールできません。


発生条件

いろいろ試した結果、下の2つの条件が重なった場合に発生するようです。

  • 表示するページが認証ページ(Verified Page)ではない。
  • data-show-facepile="false"と指定している。
    例: <div class="fb-page" data-href="https://www.facebook.com/kitakyushuramen" data-show-facepile="false" data-show-posts="true">

実験ページを用意したので、ご覧ください。

なお、2つの条件が重なっていても問題なくスクロールできたり、認証ページなのにスクロールできなかったりする場合が時々あります。
また、プラグイン内のリンクをクリックすればスクロールできるようになります。
さらに、Macでは条件にかかわらずスクロールできないようです。(未検証)


対処

勝手な推測ですが、マウスのイベントがプラグインのインラインフレームに届かず、JavaScriptにでも妨害されているのではないかと思います。
しかし、根本的な解決法はわかりません。
とりあえずWindowsではdata-show-facepile="true"と指定すれば解決しますが、Macではそれでも解決せず、諦めるほかありません。
ともかく、このことをFacebook Developersに報告しました。

同じ症状に見舞われたという方はいらっしゃいませんか?