GoogleカレンダーをHAIKページに取り込める便利なプラグインがある。

#iframe("カレンダーのアドレス",500,100%)

ところが、これをスマホで「実際に表示すると」不思議な現象が起きる。

最初のアクセスでは正常に見える。
（ここで油断して正常表示と思ってしまいがち）

リロードすると、カレンダーの左右幅が少し広がり、右端が切れる。

さらに何度かリロードしてみると、カレンダーの日々の「枠」が「ジワァ〜」
っと徐々に縦に伸びてくる。

（これ、結構キモイです。えっ！わっ！？　という感じです。）

これを放置しておくと、無限に縦に伸びてしまう感じ。（何か再帰的な表示ルーチンな）

PC表示は問題ありません。

HAIK Ver 7.1.2
症状を出せるスマホ iPhone 5C iOS 10.3.3

皆さんのスマホでは症状出ないでしょうか？

ショップのオープン/ クローズとか、予約状況表示などにGoogleカレンダー
をお使いの時は注意です。

また対策をご存知の方はいませんか？

ちなみに、Googleカレンダーページそれ自体のアクセスはiPhoneで問題なし。
HAIKに取り込んだ時のみの症状。

編集

参考までに症状を動画撮影しました。

https://vimeo.com/250248268

編集

症状を出せるスマホ追加

iPhone 6 iOS 10.3.3 ← 一段階古いOS （最新OSでは旧APPが動かなくなるために温存）

該当ページをリロード何度かしたり、ピンチでカレンダー拡大などすると出しやすい症状。

編集

うみほしさん　ありがとうございます。

私が作ったページ、そして他の人がGoogleカレンダーをHAIKで表示しているページ
の少なくとも２箇所で確認しました。

スマホ側特定端末の問題だとどうしようもないですね。

編集

内部にも同じ症状の人がいないか聞いてみました。
複数事例あれば不具合報告も考えたいです。
私には確認手段がないので、どう見えるのかはわかりませんが。

編集

暫定的な回避策

スマホでGoogleカレンダーを見せたいとき、HAIKページで見せるのをあきら
め、カレンダーページのURLに直接アクセスしてもらう。

#only_mobile{{
}}

これを使ってスマホでカレンダーが必要なときにはボタンか何かでリンク先に
誘導。

そしてパソコン閲覧者に対しては下の書式で普通にカレンダーを表示。

#only_pc{{
}}

編集