search

jquery-archive / jquery-mobile

jQuery Mobile Framework
https://jquerymobile.com
Other
9.7k stars 2.41k forks source link

selectmenu - Large select menus are sometimes displayed with the small menu style #806

Closed pluggy closed 13 years ago

pluggy commented 13 years ago

When opening a large select menu for the first time, it shows the contents with the big menu style (as it should be). But if I close the menu and re-open it, the small version is used and the select menu does not fit on the screen anymore. The third time, the big version is used again.

Note that I do not change the select menu or the browser size in between clicks, so the same select menu style should always be used.

I could reproduce this behavior with Opera Mobile, Firefox and Chrome and the latest version of JQM from http://jquerymobile.com/test/

Here's the markup for my select menu

pluggy commented 13 years ago

Note that I could also reproduce this right on the JQM test page at http://jquerymobile.com/test/

pluggy commented 13 years ago

Note that I could also reproduce this right on the JQM test page at http://jquerymobile.com/test/

toddparker commented 13 years ago

I tried to reproduce this on Chrome like you mentioned and can't see the issue on this page: http://jquerymobile.com/test/docs/forms/forms-selects.html

Can you confirm what URL and select you see this on? We're doing a lot of refactoring now so things may be breaking.

pluggy commented 13 years ago

Todd: Yes, I can confirm this is still happening on this page: http://jquerymobile.com/test/docs/forms/forms-selects.html

Note that this did not occur on Iphone or Android, but it did occur on the Windows versions of Opera Mobile, Firefox and Chrome.

toddparker commented 13 years ago

I keep trying and can't reproduce this. When I click the large state dropdown here it always opens as the large overlay: http://jquerymobile.com/demos/1.0a3/docs/forms/forms-selects.html&ui-state=dialog

If this is just a desktop issue that can't be reliably reproduced, I'm going to close this. There is another issue we're tracking related to the hash changes from selects and I wonder if that's the root of any flakiness you're seeing so this may be fixed when we land that.

pluggy commented 13 years ago

The three web browsers I tried for this issue were indeed desktop browsers (including the Windows version of Opera mobile). I just tried to reproduce this bug with Chrome on the test site and could not do it anymore either.

phillpafford commented 13 years ago

@toddparker, having the same issue with the large select options appending #&ui-state=dialog to the end of the URL

From this: http://jquerymobile.com/demos/1.0a3/docs/forms/forms-selects.html

To This: http://jquerymobile.com/demos/1.0a3/docs/forms/forms-selects.html#&ui-state=dialog

When the select box for Your State closes the #&ui-state=dialog so not be appending in the URL, this breaks the form submission process as well, any workaround to remove #&ui-state=dialog when the dialog box closes?