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">
実験ページを用意したので、ご覧ください。
- 実験ページ: http://www.usamimi.info/~sutara/sample2/error-report/test.html
※ 私は例で取り上げている団体のいずれとも関係はありません。
なお、2つの条件が重なっていても問題なくスクロールできたり、認証ページなのにスクロールできなかったりする場合が時々あります。
また、プラグイン内のリンクをクリックすればスクロールできるようになります。
さらに、Macでは条件にかかわらずスクロールできないようです。(未検証)
対処
勝手な推測ですが、マウスのイベントがプラグインのインラインフレームに届かず、JavaScriptにでも妨害されているのではないかと思います。
しかし、根本的な解決法はわかりません。
とりあえずWindowsではdata-show-facepile="true"
と指定すれば解決しますが、Macではそれでも解決せず、諦めるほかありません。
ともかく、このことをFacebook Developersに報告しました。
同じ症状に見舞われたという方はいらっしゃいませんか?