Dojo dialog, the iPad and the virtual keyboard issue

Posted by Chris Butler on Stack Overflow See other posts from Stack Overflow or by Chris Butler
Published on 2010-06-17T01:28:17Z Indexed on 2010/06/17 1:32 UTC
Read the original article Hit count: 356

Filed under:
|
|
|
|

Recently, I have been working on a project where the interface should work for desktop and tablets (in particular the iPad).

One issue I am coming across is with a Dojo dialog on the iPad when text entry is taking place.

Basically here is what happens:

  1. Load Dojo interface with buttons on iPad - OK
  2. Press button (touch) to show dialog (90% height and width) - OK
  3. Click on text box (touch) like DateTextBox or TimeTextBox - OK, the virtual keyboard is opened
  4. Click the date or time I want in the UI (touch) - OK, but I can't see all of the options since it is longer than the screen size...
  5. Try to scroll down (swipe up with two fingers or click 'next' in the keyboard) - not OK and the dialog repositions itself to have it's top at the top of the viewport area.

Basically, the issue is that the dialog keeps trying to reposition itself.

Am I able to stop dialog resizing and positioning if I catch the window onResize events?

Does anyone else have this issue with the iPad and Dojo dialogs?

Also, I found this StackOverflow topic on detecting the virtual keyboard, but it wasn't much help in this case...

http://stackoverflow.com/questions/2593139/ipad-web-app-detect-virtual-keyboard-using-javascript-in-safari

Thanks!

© Stack Overflow or respective owner

Related posts about ipad

Related posts about dojo