TaxonomyPicker control does not show an error message for an invalid/unresolved input

[devangbhavsar89]

Category

• Enhancement
• Bug
• Question

Version

Version of the library: [2.1.0]

Expected / Desired Behavior

I recently came across a scenario, where it would be beneficial to indicate some sort of an error beneath the control whenever user inputs any invalid text (which is not able to resolve into a valid term) inside taxonomy picker control.

The same kind of behavior is also visible with OOTB Page Details action (that opens a panel on right side).

Implementation Suggestion: It can be achieved inside <TaxonomyPicker /> control by triggering onBlur() and onInputChange() handlers that exists in TermBasePicker base component. All necessary validations can be done inside these handlers and an error message can be shown accordingly.

Observed Behavior

At the moment, such invalid/unresolved input is just ignored. And hence, it goes unnoticed from end-users point of view, while submitting the form.

Thanks!

[ghost]

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

[devangbhavsar89]

Implemented code changes needed for this bug/enhancement and created a PR #729 for it.

[devangbhavsar89]

Also implemented the same changes for v1 release and created a PR #738, after it was requested here.

[devangbhavsar89]

Closing the issue, as it will now be taken care of (after implementation of new validateInput prop), in latest version (2.2.0 and 1.21.1) of @pnp/spfx-controls-react.