Dialog: Selectmenu/autocomplete in dialog window is cut off

[aldra]

When a selectmenu widget is placed in a dialog window and there is not enough space to show all the options, it's cut off. The option list should appear on top of the dialog.

Test this jsFiddle: ​http://jsfiddle.net/bcuonqt0/

[tj.vantoll]

You need to either use the appendTo option (​http://jsfiddle.net/tj_vantoll/eab24oqm/) or change the CSS overflow on the dialog elements (​http://jsfiddle.net/tj_vantoll/cuc3un92/).

[scottgonzalez]

Both of those solutions will introduce other issues though. Using appendTo should never be necessary for default behavior when .ui-front is in play. Changing overflow will just reintroduce #9521. I think we need to find a different solution for #9521.

[aldra]

The appendTo solution brings another bug. If you close the option list and reopen it, the list is now behind the dialog window (Firefox 31.0).

But the second solution with the CSS overflow works for me. I'll use this method until it's fixed.

Thanks for your quick response!

[tj.vantoll]

#10553 is a duplicate of this ticket.

[tj.vantoll]

#10565 is a duplicate of this ticket.

[Gruewo]

The same problem happens with ui.autocomplete. Using appendTo with autocomplete also only works for the first dialog invocation.

appendTo can't reliably solve the problem. The other proposed solution brings back #9521 and forces us to modify the ui.dialog styles to make jQuery UI widgets usable inside a ui.dialog.

should this be considered a bug of ui.core or ui.css-framework?

[tj.vantoll]

I'm moving the component to dialog and changing the title as this affects multiple widgets.

[tj.vantoll]

#10621 is a duplicate of this ticket.

[TJ VanToll]

Dialog: Remove overflow: hidden and reposition resize handles

Fixes #10543 Closes gh-1439

Changeset: 912eb62ccb77059148a1fe14bdb57b7f9e44a14c