Popup inconsistent user experience

[damiantaylor]

I would like to submit a feature request to make for a more consistent experience when using popups.

If it was possible to prevent the screen from scrolling past the bottom of the popup, this will make the user experience more consistent.

For example, if the popup window is longer than the current screen, the user is able to scroll the page until the bottom of the popup is reached. Conversely, if the popup is shorter than the current screen, the user is able to scroll past the bottom of the popup.

As the popup is the focus, it makes sense to keep the user experience consistent and only allow scrolling to the bottom of the popup.

[frequent]

I have played around with a screenlock function/option, which, when called, fixes the page dimensions to the screen height/a user-definable value, so the user cannot scroll beyond or (my case) z-indexed elements above the page limit the height of the background (actual) page thereby avoiding the use of a scoller like overthrow (since element height equals screen/background page height).

[diniremix]

In the documentation works fine, but when you make some example does not work or is very ugly using the popup list. Only works via javascript:

• $( "#popupMenu" ).popup();
• $( "#popupMenu" ).popup("open");

conducted tests in Firefox 17 and Chrome 21 with Jquery Mobile 1.2.0 and JQuery 1.7.2, 1.8.0 and 1.8.2 Here is my example apologize for the translation

[jaspermdegroot]

@diniremix - The popup needs to be within the div wit data-role="page" to be auto-ehanced by the framework. See first paragraph of the page about popups in the docs. Also, you made mistakes in your markup (missing closing tags).

[diniremix]

really Thanks! uGoMobi thank you very much and works well, in fact you have to put the popup within the page. example fixed

[jaspermdegroot]

@damiantaylor

Thanks for posting this feature request. As described in the contributing guidelines I close this ticket for now and add it to the feature request wiki page.