DropDown Menu in Dialog not fully Displayed

[KaiHufenbach]

Hi,

we have the following scenario:

let items = [{value:"1",text:"First Select"},{value:"5",text:"Selected"},{value:"7",text:"other Item"},{value:"8",text:"Cool Item"},{value:"9",text:"Bla"}];

<Dialog  ref="dialog" title="TestSelect">
          <div>"Bla bla bla bla"</div>
          <div><DropDownMenu menuItems={items} autoScrollBodyContent={true} displayMember="text" valueMember="value"}/></div>
</Dialog>

Which causes the following situtation: Not all dropDownItems are displayed:

Either should:

• the Dialog grow dynamically as the Dropdown is opened

or:

• the Dropdown should be renderred in the foreground.

[aeikenberry]

+1

Having this same issue. Is there a way to set a maxHeight on a DropDownMenu the way you can with normal menus?

[kindlejiang]

+1 set the dropmenu z-index is nouse

[kindlejiang]

can anybody help, thanks

[jaimewyant]

I have the same issue when using menus inside Cards.

[LyricL-Gitster]

+1

[ianp]

Same here (inside cards).

I know that DropDownMenu is being rewritten (#1158), is this use case being considered as part of that effort?

[Xanatos38]

I have the same issue.

[jesconstantine]

+1

[otroboe]

+1

[Jarema]

+1 Same thing happens when using dropdown menu as a table row action.

[RobTheBuilder2]

+1

[alitaheri]

Fixed in #2150.