selectmenu inconsistency

[mdgross]

A selectmenu with data-native-menu="false" uses a popup to display smaller menus. The data-overlay-theme property specifies the theme of the selectmenu popup itself. However, when using an actual popup the data-overlay-theme property specifies the theme of the background. Additionally, there is no way to specify the background theme of the selectmenu popup.

Example: http://jsfiddle.net/3nUG7/embedded/result/

[gabrielschulhof]

@mdgross

#6975 2: The Revenge Of The Popup

The popup created by the selectmenu gets an ID that's derived from the selectmenu's own ID and has the following pattern: <selectmenuId>-listbox.

Thus, you can hook up like this: $( "#<selectmenuId>-listbox" ).on( "popupafteropen", function() { /* ... */ });

[gabrielschulhof]

@mdgross http://jsbin.com/IFolanOW/310

[mdgross]

@gabrielschulhof

Thank you for this. Could you please provide a similar example which demonstrates how to set the background (overlay) to theme "b" on the selectmenu popup? I would like the result to be similar for both examples I have provided.

[gabrielschulhof]

@mdgross In http://jsbin.com/IFolanOW/312 it waits for the selectmenu to be created, and then it sets the popup's overlayTheme option to "b".