People Picker Disabled doesn't work

[enti333]

[ ] Enhancement
[X] Bug
[ ] Question

Hello. I don't know why but when I use people picker control and set the property disabled to true I am still able to click on X icon a remove users from people picker....
It happen in all version of pnp react.

Hmm... Thank you for your help.

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[github-actions]

Thank you for submitting your first issue to this project.

[AJIXuMuK]

Hi @enti333,
This is a known issue of underlying Office UI Fabric React control. Here is the description.
It has been fixed in version 6.129.0.
We have plans on upgrading used version of OUIFR. After that the issue will be fixed.

[fonbrauzen]

Hi, @AJIXuMuK do you have any estimations, when the update to OUIFR v6.129.0+ could happen?

[Steven-Chorkawy]

Hello,

I've also run into this bug.
Has there been any update on it?

[AJIXuMuK]

Hi all,

There is already v2 beta version.

We plan to release it next week.

[holylander]

I still see this issue on going. The picker will be disabled, but if there is any user already setup on the control, any will be able to delete such record

[jduysen]

For anyone finding this in 2023 who is still using older versions of these libraries because of being on Sharepoint 2019, I resolved this with a workaround in my dynamic form component. Essentially just surrounded the people picker with a div with a conditional style for pointer events. This effectively disables the people picker so the name cannot be removed if the people picker is supposed to be disabled.
Example:
<div style={this.props.disabled?{"pointerEvents": "none"}:{}}><PeoplePicker/><div>

[NMarkovic98]

For anyone finding this in 2023 who is still using older versions of these libraries because of being on Sharepoint 2019, I resolved this with a workaround in my dynamic form component. Essentially just surrounded the people picker with a div with a conditional style for pointer events. This effectively disables the people picker so the name cannot be removed if the people picker is supposed to be disabled. Example: <div style={this.props.disabled?{"pointerEvents": "none"}:{}}><PeoplePicker/><div>

Thanks! You saved me hours of researching!

[jduysen]

@NMarkovic98, glad it helped!