#10543 closed bug (fixed)

Opened August 12, 2014 07:50PM UTC

Closed January 29, 2015 01:51PM UTC

Last modified January 29, 2015 01:55PM UTC

Dialog: Selectmenu/autocomplete in dialog window is cut off

Reported by: aldra Owned by:
Priority: minor Milestone: 1.12.0
Component: ui.dialog Version: 1.11.0
Keywords: Cc:
Blocked by: Blocking:
Description

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/

Attachments (0)
Change History (10)

Changed August 12, 2014 07:58PM UTC by tj.vantoll comment:1

resolution: → notabug
status: new → closed

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/).

Changed August 12, 2014 08:11PM UTC by scottgonzalez comment:2

resolution: notabug
status: closed → reopened

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.

Changed August 12, 2014 08:53PM UTC by aldra comment:3

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!

Changed August 15, 2014 01:44PM UTC by tj.vantoll comment:4

#10553 is a duplicate of this ticket.

Changed August 20, 2014 06:53PM UTC by tj.vantoll comment:5

#10565 is a duplicate of this ticket.

Changed September 18, 2014 02:33PM UTC by Gruewo comment:6

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?

Changed September 24, 2014 08:03PM UTC by tj.vantoll comment:7

component: ui.selectmenu → ui.dialog
summary: Selectmenu in dialog window is cut off → Dialog: Selectmenu/autocomplete in dialog window is cut off

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

Changed September 24, 2014 08:04PM UTC by tj.vantoll comment:8

#10621 is a duplicate of this ticket.

Changed January 29, 2015 01:51PM UTC by TJ VanToll comment:9

resolution: → fixed
status: reopened → closed

Dialog: Remove overflow: hidden and reposition resize handles

Fixes #10543

Closes gh-1439

Changeset: 912eb62ccb77059148a1fe14bdb57b7f9e44a14c

Changed January 29, 2015 01:55PM UTC by tj.vantoll comment:10

milestone: none → 1.12.0