Dropdown menu automatically closed whenever onValueChange() sets selectedValue prop.

[naytun]

The dropdown menu automatically closes whenever onValueChange() sets the selectedValue prop. I require the dropdown menu to keep opening until the user closes manually by selecting background overlay (or) programmatically triggered to close the dropdown menu, if possible.

It also would be nice if we had onClose callback function as a prop! 👍🏻
Here's the code excerpt...

  const [groupItem, setGroupItem] = useState()
  ...
  
  <Dropdown
      isMultiple
      selectedValue={groupItem}
      onValueChange={(value) => {
         setGroupItem(value)
      }}
      ...
    />

[azeezat]

A new prop autoCloseOnSelect={false} can now be applied on the component. It works with single selection.

Additionally, if you would like to perform another action when the modal is closed/opened, use the following props

modalControls={{
              modalProps: {
                onShow: () => console.log('modal opened'),
                onDismiss: () => console.log('modal was dismissed')
              },
            }}