jQuery Mobile Select Menu (dropdown) in Collapsible Header - Firefox doesn't work.

[pcpro]

I have a data-role="collapsible" with a select menu in the header. In firefox, when you click on the select menu and choose an option, it doesn't change the option (onchange never fires). Trying to click on the select menu a second time doesn't open the dropdown. Other browsers work fine; although, I think with the latest JQM version, IE9 doesn't work either. This has been tested on many versions of FireFox (on PC Browser)
See the following as an example: http://jsbin.com/ukewu3/335/edit

<div data-role="page" id="the-page">
<div data-role="collapsible" data-iconpos="right">
    <h3>Label of Header
    <select data-native-menu="true" id="theselect" style="width:100px;">
        <option value="a">a</option>
        <option value="b">b</option>
    </select>
    </h3>
</div>
</div>

Any clue as to how to fix it?
Please see new response - this is still an issue

[jaspermdegroot]

@pcpro

The heading of a collapsible is enhanced as button and what you try to do it having another button inside it. That results in a very bad UI. If you remove the 100% width inline style that you added to the select you get a working example but you will also notice that clicking on the select button also expands/collapse the collapsible: http://jsbin.com/ukewu3/336
That is why this is not supported and the generated markup is actually invalid.

Also note that you use .on() which has been introduced in jQuery 1.7 but load version 1.6.1. That is why your test didn't work. Latest version of jQuery Mobile supports jQuery core 1.8.0 - 1.9.1.

Closing as not a bug.

[pcpro]

Thanks for the response. I apologize about the "style" on the select - must have been when I was trying different things. I made a new one (http://jsbin.com/ukewu3/349/edit). Please look at it on FIREFOX. The initial time you click on the dropdown, you can select one, but the dropdown value doesn't actually change. The 2nd time you click on it, it doesn't even open. I figured out that if you lose focus on the dropdown, then try to click on it again, the dropdown will open, but you still can't change the value. In IE, it works fine. As for your other comment about it also expanding the collapsible...yes, I had already fixed that...I just didn't add it to the jsbin code. I have added it in the latest one now. Since it behaves differently in firefox than in other browsers, there is still something wrong about it. Can you loook at it one more time? thanks