1

I am building an SPXF webpart which uses the Office UI Fabric React PeoplePicker to show people results, however I've noticed the results Callout is disappearing on scroll which is a particular issue on mobile where real estate is limited (e.g. when keyboard takes up half the screen and you want to scroll results).

I notice that the Callout component has the preventDismissOnScroll property which would appear to be what I need, however can I access this from the PeoplePicker? 

<PeoplePicker
     context={this.props.context}    
     titleText=""    
     personSelectionLimit={1}    
     groupName={""}   
     showtooltip={false}    
     isRequired={true}    
     disabled={false}    
     ensureUser={true}    
     selectedItems={this._getPeoplePickerItems}                   
     // ** access Callout props for  preventDismissOnScroll={true} ?
     />

Or are there other solutions to this issue?

SPFx 1.8 | Office fabric React 6.156.0

almckelvie
  • 11
  • 1
  • I've just come across this which appears to refer to the same issue albeit with TagPicker: https://github.com/OfficeDev/office-ui-fabric-react/issues/10435 - by the look of it it seems a resolution might be a fair bit off. – almckelvie Nov 18 '19 at 03:20

0 Answers0