Select discrepancies inside a modal on version 0.97.6

[w0rldart]

Trying to add a select dropdown inside a modal window, does not behave as expected, as it cuts to whatever the remaining height is left from it to the end of the modal.

Issue has been replicated on both latest version of Firefox and Chrome.

Don't know if there's a fix in 0.97.7 or 0.97.8 for this, but if there is, what is it and what are the guidelines to patch 0.97.6, as an upgrade is not plausible right now.

[seanmavley]

When you scroll down the content in the modal window, does the dropdown not show?

[Dmitrev]

Same issue here. The problem is that <ul> that generates the actual dropdown should be placed outside the actual modal, so it can be viewed properly on top of the modal.

This cannot be worked around with CSS, the modal positioning needs to be refactored.

For now you can fallback to browser default inside a modal. Use the css-class browser-default on your select element

<select id="dropdown" name="dropdown" class="browser-default"></select>

[AustP]

I just ran into this issue. Not only does this happen with selects but the datepicker widget as well.

[fega]

Duplicate of #1385