partakein / partake

PARTAKE is a web application to manage event organization.
http://partake.in/
48 stars 11 forks source link

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

Open yuga opened 11 years ago

yuga commented 11 years ago

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

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

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

ruicc commented 11 years ago

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

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

mayah commented 11 years ago

む……

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

ruicc commented 11 years ago

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

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

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

mayah commented 11 years ago

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

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