[PeoplePicker] - Panel with users list under current div - dialog

[sgalntt]

Thank you for reporting an issue, suggesting an enhancement, or asking a question. We appreciate your feedback - to help the team understand your
needs please complete the below template to ensure we have the details to help. Thanks!

Please check out the documentation to see if your question is already addressed there. This will help us ensure our documentation is up to date.

Category

[ ] Enhancement

[ ] Bug

[ X] Question

Version

Please specify what version of the library you are using: [ 3.20.0 ]

If you are not using the latest release, please update and see if the issue is resolved before submitting an issue.

Expected / Desired Behavior / Question

In a web part share point, I have a Dialog Form where the user can search on users list with a people picker.

Steps to Reproduce

The user clicks on a button
A dialog open.
A form is in the dialog form.
A field of this form is a peoplepicker.
A user write some characters.
The panel with users list is opened under Dialog.

Submission Guidelines

The dialog is an extension of BaseDialog of "@microsoft/sp-dialog";
I'm using DialogContent of @fluentui/react/lib/Dialog.ver. 8.122.6
I'm using spfx ver. 1.20.2.

Thanks!

[github-actions]

Thank you for submitting your first issue to this project.

[sgalntt]

On the bottom

[michaelmaillot]

Hi @sgalntt,

Thanks for raising this. The PeoplePicker is using the Fluent UI 8 PeoplePicker, for which we're providing styling options through the styles props.

Maybe you can go that way and try to overwrite default styling of the suggestions, in order to specify a z-index that could go above the Dialog?

If not, I'm not sure we'll be able to do something for that, as the component relies on Fluent UI library for which we don't have the control.

Another test that can be made is using the native Fluent UI 8 PeoplePicker and see if latest version works with the Dialog. If so, maybe we would have to update current version used in the Controls.

Let me know if you manage to figure out something.

[michaelmaillot]

Closing this, feel free to reopen it if needed.