Dropdown list inside Dialog is only partially visible and creates scroll on dialog

[RobiFerentz]

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=57

Plunkr Case (Bug Reports)
https://plnkr.co/edit/wN3vm9aMCZo3LGdAHep2?p=preview

Current behavior

When placing a dropdown inside a dialog (especially close to the bottom of the dialog), the dropdown list is mostly hidden inside the bottom of the dialog and a scroll will now be visible.
This is obviously due to the overflow property of the dialog and the fact the list is inside the dropdown element.

Expected behavior

I would expect the list from the dropdown to be fully visible (floating above all other content) and cause layout changes to the containing dialog.

Minimal reproduction of the problem with instructions
Please see above plunkr link

Please tell us about your environment:

OSX, VS Code, yarn

• React version:

16.2

• PrimeReact version:

1.4.1

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

Chrome

• Language: [all | TypeScript X.X | ES6/7 | ES5]
  ES6/7

[alexey85]

@RobiFerentz add appendTo={document.body} to Dropdown

[RobiFerentz]

@alexey85 That seems to work, but then the onChange event is not propagated correctly, so I can't handle the the event.

[RobiFerentz]

I have updated the original plunker example.
It now contains 2 dropdowns, where the first is appended to the body.
You will notice the top one (appendTo document.body) does not call the change even when the value is selected.
The second dropwdown will expand into the modal scroll (not appended to body).

However, if you change the order of the Dropdowns, the append to body drop down will function as expected.
I believe the options dropdown list simply does not catch events when other focusable controls are behind it.

BTW, this seems to be an issue with all "dropdown" implementations in the package, including such controls as AutoComplete. Once appendTo is used and dropdown appears above other controls, the relevant events do not fire (onSelect, for example)