fancyboxでモーダルを作ったが、androidで開きスワイプするとクローズしてしまうとき

背景

fancyboxのモーダルで、androidだけなぜかスワイプするとモーダルの続きが読めずに閉じてしまうバグを修正してほしいと依頼がきました。

解決

fancyboxに用意されているmodal: trueというモーダル用のオプションが抜けていました。追加して解決です。

$('#btn').fancybox({
    modal: true
  .
  .
  .
 (略)
});

また、modal: trueにすると右上のクローズボタンが消えてしまうので

<button data-fancybox-close="" class="fancybox-close-small" title="Close"></button>

をモーダルの大枠タグ直下に配置します。

modalオプションのあるなしを比較しながら配置してあげると楽かもしれません。