summaryrefslogtreecommitdiff
path: root/js/util.js
diff options
context:
space:
mode:
authorbrion <brion@smidge.(none)>2009-08-09 18:39:51 -0700
committerCraig Andrews <candrews@integralblue.com>2009-08-10 11:58:55 -0400
commita1a97930f3c6c48f2e68ea4855a9e02cacc74064 (patch)
tree6ca19d3dce2d5022974c0608fb1a7d834a06f85a /js/util.js
parente9ed20a69d8f646bc85151c1e890f5828a966fcf (diff)
Workaround for bug 1317 '"What's up" textarea on iPhone missing proper submit button'
http://laconi.ca/trac/ticket/1317 Mobile Safari shows a 'return' button for making newlines in a <textarea> where it would show a submit button for plain <input> text fields... However there's a keydown event handler which is supposed to detect hitting enter and submit the form for us. This didn't work on Mobile Safari because it was checking of 13 ("\r") but the iPhone sends us char 10 ("\n") here. Changed to accept both, so we now submit on hitting 'return' on iPhone. Note: I also added a blur() to move focus out of the textarea, which closes the on-screen keyboard. It will also take focus out of the textarea on other platforms, but this is probably the right thing -- the same thing happens when you push the "send" button after all. Also note: unfortunately the layout right now looks pretty awful generally while editing on the iPhone; you can't see the send button or character counter while typing at the default zoom, and it doesn't zoom out after you submit so you can't really see where your message is going. This should be dealt with in general by fixing up the mobile skin variant...
Diffstat (limited to 'js/util.js')
-rw-r--r--js/util.js5
1 files changed, 4 insertions, 1 deletions
diff --git a/js/util.js b/js/util.js
index 440701937..e5f117df0 100644
--- a/js/util.js
+++ b/js/util.js
@@ -55,10 +55,13 @@ $(document).ready(function(){
}
function submitonreturn(event) {
- if (event.keyCode == 13) {
+ if (event.keyCode == 13 || event.keyCode == 10) {
+ // iPhone sends \n not \r for 'return'
$("#form_notice").submit();
event.preventDefault();
event.stopPropagation();
+ $("#notice_data-text").blur();
+ $("body").focus();
return false;
}
return true;