iPhone4でイベント参加操作ができない

[yuga]

partake.inでイベントの参加申し込みを行おうとするとダイアログが表示されますが、iPhone4 (iOS 6.1) ではダイアログ一番下にある各操作のボタンを表示することができません。頑張って画面をスクロールさせても、中途半端な位置でとまってしまいます。

話にきいたところでは、iPhone5では、ボタンが半分くらい表示できる位置でとまるようです。

• 初期表示時
  
• 頑張って下の方を表示したときの限界位置
  

この現象に関する僕のツイートで、ダイアログを閉じることもできないというコメントをしましたが、確認したところダイアログを閉じることはできました。

[ruicc]

iPhone5は4より解像度が縦に長いため、もう少し見えますが現象としては同じです。
なのでiphone4の環境で直ったなら5も問題なくなると思います。

問題は、ダイアログ上のテキスト（仮参加する ・仮参加を放置した場合...)をスクロールしようとしても、ダイアログではない本文がスクロールされてしまうことと思われます。

[mayah]

む……

scrollable にはどうやってすればいいのかな……

[ruicc]

僕も詳しくないのでうまい解決方法提示出来ず申し訳ないですが、
閉じられるまでコントロールを奪うダイアログはmodal(モーダル)と呼ばれている様です。
partakeではjQueryを既に使っている様なので、例えばmodal用のjquery pluginを用いることで解決出来ると思います。

http://kaelab.ranadesign.com/blog/demo/smartModalWindow/

plugin無しでjQueryで実装
http://zxcvbnmnbvcxz.com/jquery-easy-modalwindow/

[mayah]

これは bootstrap の module を使って表示しているはずなんですが、多分 position fixed になっているので、そのままでは scroll できません。全部表示されていると modal window 側が誤解しているはずなので。

案としては、iPhone 用の画面を出しているときは、window の高さを制限してあげる必要があるのかなとおもいます。そしたら modal window の内容も scrollable にしてできると思います。