BottomSheet closes and then reopens immediately

[lintonye]

Hi,

It seems the BottomSheet fails to close when close is invoked inside a callback.

This code fails:

  // createPoolMutation is a React Query mutation created with `useMutation`
  const onSubmit = (data) => {
    createPoolMutation.mutate(data, {
      onSuccess: (response) => {
        console.log(response);
        bottomSheetRef.current.close();
      },
    });
  };

However, the strange thing is that the code below works in the same codebase (I just commented out the createPoolMutation part and added a call to close):

  const onSubmit = (data) => {
     bottomSheetRef.current.close();
    // createPoolMutation.mutate(data, {
    //   onSuccess: (response) => {
    //     console.log(response);
    //     bottomSheetRef.current.close();
    //   },
    // });
  };

bottom-sheet-close-issue.mp4

[iArchin]

I have the same problem, anything?

[Simoon-F]

same.

[jonacds]

same

[ri-yarm]

how did you solve this problem?

[Tjax33]

Same here. This only works with wrappingthe close function in a set timeout of 300 milliseconds.

Reason the keyboard has to be competely gone before bottom sheet will close