jquery/jquery-mobile — Issue #2805: Dialogs move vertically on horizontal window resize 
Author: agcolom
Created: 2011-10-21 21:51:31+00:00
State: open

With FF7.0.1 and Safari 5.0.5, if I go to http://jquerymobile.com/test/docs/pages/page-dialogs.html and press the 'open dialog' button, I get the dialog pop up. If I then resize the window (horizontally), the dialog move horizontally to remain in the centre of the page, but it also moves vertically. As the page is made wider, the dialog moves downwards, and then upwards if you reduce the width of the page. Resizing vertically has not effect on the position of the dialog.

One other possibly related point, if you open a long custom select, you get the options displayed as a dialog, and it behaves as described above. However, if you select a select with only a few options (and the list is smaller than the screen), the pop up you get is not a dialog, and this one does not move if you resize the window. For example, if you go to http://jquerymobile.com/test/docs/forms/selects/ , press the select-choice-custom (1st select under using custom menus paragraph) and resize the window, the popup does not move, and you can lose the connection between the select and its options. (Sorry if that's a bit too wordy ;-) )