[Bug]: FilterableMultiSelect onMenuChange not called on click outside menu

[gi]

Package

@carbon/react

Browser

Chrome

Package version

1.57.0

React version

v16.14.0

Description

When clicking outside the menu when opened, the onMenuChange callback is not fired with the next opened state.

The change came between
de133bea
and
5f35edd6
when FilterableMultiSelect.js was renamed to FilterableMultiSelect.tsx.

The Downshift component had an onOuterClick prop set to handleOnOuterClick which called handleOnMenuChange.

Reproduction/example

https://stackblitz.com/edit/github-wivrwb?file=src%2FApp.jsx&preset=node=

Steps to reproduce

1. use onMenuChange prop on FilterableMultiSelect component
2. open dropdown
3. click outside menu to close
4. onMenuChange callback is not called

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[Gururajj77]

Hi @gi , could you please let us know the steps to reproduce this issue, by making a stackblitz example so that we can work on this issue better and resolve it.

Please use sandboxes from this carbon sandbox repo, they are already customized with carbon library

[gi]

@Gururajj77 I created one: https://stackblitz.com/edit/github-wivrwb?file=src%2FApp.jsx.

[ferdelamad]

Hey @Gururajj77 I'm facing the same issue, any idea when this will be fixed? Is currently blocking us from upgrading Carbon due to this bug.

Thanks!