selectmenu: With hide placeholder option on, the empty option text should not be the header text

[jeroenk-channelengine]

if I use $.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = false; (in 1.0b3) and I have an option like none,
the none option can be selected, but 'none' is also shown the header of the options. I don't think this is desired.

If I use , this option's height is smaller than the others.

[toddparker]

Can you post a jsbin or jsfiddle of this?

[jeroenk-channelengine]

http://jsfiddle.net/QhEQn/

You'll see "- none" as header above the options.

[tec27]

I ran into this issue today as well. That fiddle didn't seem to be demonstrating the issue quite right, so I modified it to work with RC2 and use a data attribute instead of the mobile-init way:

http://jsfiddle.net/EfvrL/

[toddparker]

Thanks, we'll take a look.

[arschmitz]

@toddparker this is an old one with no updates in over a year also i believe the described behavior is correct according to the current docs. http://jquerymobile.com/test/docs/forms/selects/custom.html. hidePlaceholderMenuItems hides or shows the placeholder value as a selectable value. it never says this option will show or hide the auto generated header. if anything i think this should be a feature request for an option to show or hide the placeholder header. Maybe close and put in a feature request or just close?

[jaspermdegroot]

@toddparker @arschmitz

I think there is still something to look into.

Here is a test page using latest code, with hidePlaceholderMenuItems set to false: http://jsbin.com/enetay/20

It doesn't hide the menu item that is used as placeholder, so if you just look at the name of the option it does exactly what you would expect. However, the docs say that setting this option to false disables the feature and you wouldn't expect the framework to add a header to the menu. Question is what is the desired behaviour here.

Besides that, the focus is on the wrong menu item when the placeholder isn't hidden.

BTW - The header shouldn't have rounded corners at the top. I opened a new ticket for that issue. [update: already fixed]

[jaspermdegroot]

I just looked at this again and the behaviour is correct: http://jsbin.com/enetay/91/edit. We just have to document this properly. I opened a ticket in the API docs issue tracker: jquery/api.jquerymobile.com#157

Closing because this is not a bug in the framework.