Mgt Person card used in fluent UI list view auto selects the row when personcard is expanded

Question

we are using Mgt-react based Personcard in fluentUI Listview. The Listview is enabled to use multliselect. Need to avoid auto selection of row when we expand personcard. we are rendering the below component in fluentUI listview as a column

  <div className="personprofile" onMouseDown={(event)=>{event.preventDefault()}}>
  <Person
    userId={id}
    personCardInteraction={PersonCardInteraction.hover}
    fallbackDetails = {personDetails}
  >
    <CustomPersonCard template="person-card" />
  </Person>
</div>

score 0 · Answer 1 · edited Apr 23 '23 at 16:51

0

<div className="personprofile" onMouseDown={(event) => { event.preventDefault() }}>
  <Person
    userId={id}
    personCardInteraction={PersonCardInteraction.hover}
    fallbackDetails = {personDetails}
    onClick={(event)=>{event.preventDefault()}}
  >
    <CustomPersonCard template="person-card" />
  </Person>
</div>

edited Apr 23 '23 at 16:51

Tyler2P

2,324
26
22
31

answered Apr 19 '23 at 12:01

umgolla

39
8

Your answer could be improved by adding more information on what the code does and how it helps the OP. – Tyler2P Apr 23 '23 at 16:51

Mgt Person card used in fluent UI list view auto selects the row when personcard is expanded

1 Answers1