Can ComboBoxListItemPicker be used for cascading dropdowns?

[gnowzstxela]

Thank you for reporting an issue, suggesting an enhancement, or asking a question. We appreciate your feedback - to help the team understand your
needs please complete the below template to ensure we have the details to help. Thanks!

Please check out the documentation to see if your question is already addressed there. This will help us ensure our documentation is up to date.

Category

[X] Enhancement

[ ] Bug

[X] Question

Version

Please specify what version of the library you are using: [2.0.0 (latest) ]

If you are not using the latest release, please update and see if the issue is resolved before submitting an issue.

Expected / Desired Behavior / Question

The choices that ComboBoxListItemPicker displays seem to stick to the choices at the initial render. Subsequent changes to listId and filter do not seem to change the displayed choices. I understand that reloading the choices on listId and filter changes might be a heavy lift to implement. But it would sure be useful for doing cascading dropdowns. Or perhaps some function or hook that would allow one to explicitly call a reload/refresh for the ComboBoxListItemPicker. Then one could call such a function in the onSelection/onSelected function of the control(s) that determine the choices for the ComboBoxListItemPicker.

Observed Behavior

ListItemPicker responds properly to dynamic changes to listId and filter after the initial render. But ComboBoxListItemPicker does not. ComboBoxListItemPicker seems to stick with the initial settings of listId and filter at the time of the initial render, instead of using new values of these two parameters to reload the available choices. This means I can't use ComboBoxListItemPicker for cascading dropdowns

Steps to Reproduce

1. Setup Cascading List and ListItem example from:

https://ravichandran.blog/2020/05/08/cascading-list-and-listitem-using-pnp-controls-in-the-sharepoint-framework-spfx-webpart/

It works fine, as expected. The ListItemPicker responds dynamically to changes in listId after the initial render.

2. Changed the ListItemPicker control to ComboBoxListItemPicker as follows:

    <ComboBoxListItemPicker  
      listId={this.state.SeletedList}
      columnInternalName='Title'
      keyColumnInternalName='Id'
      //itemLimit={1}
      onSelectedItem={this.onSelectedItem}
      //context={this.props.context} 
      webUrl={this.props.context.pageContext.web.absoluteUrl}
      spHttpClient={this.props.context.spHttpClient} />            
   

When run, the choices shown by ComboBoxListItemPicker remain stuck on whatever the initial value of this.state.SeletedList was, even after the value changes.

[ghost]

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

[AJIXuMuK]

Hi @gnowzstxela.
Thank you for reporting this one!
Fix has been done and will be available in the next release.
In a meanwhile you can test the functionality in the beta version