CODEWITHSUNDEEP
reactjsspfxmicrosoft-graph-toolkit
Ofer Gal
Ofer Gal

Reputation: 883

PersonCard in a Person template

I am using microsoft-graph-toolkit react in SPFx 1.15.0 webpart I have an Ag-Grid rows each with a cell containing a Person

        <Person  personQuery={params.data.RequestFor.Email} showPresence={true}
            view={PersonViewType.oneline} 
            personCardInteraction={PersonCardInteraction.hover} >
        </Person>

when users hover the default PersonCard appears under the other grid rows and doesn't show on top even though I set the z-order to 13000000 Is there another way to make it show on top of everything? When I add a template with PersonCard, I do not see anything

Thank you

Upvotes: 1

Views: 268

Answers (1)

Ofer Gal
Ofer Gal

Reputation: 883

For anyone with same issue, use a FluentUi callout to show the same persons PersonCard (no need for a div around it) it will show at the highest z-order and figure out if to show up or down based on the location in the browser.

Upvotes: 1

Related Questions