Keyboard dismiss immediately in forFadeFromBottomAndroid and forVerticalIOS cardStyleInterpolator

When I set cardStyleInterpolator to forFadeFromBottomAndroid or forVerticalIOS for a Stack.Screen, keyboard immediately dismiss when focusing on TextInput. This not happen for other type.

Here is what's happening:

function RootStack() {
return (
  <Stack.Navigator
    screenOptions={{
      cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
    }}
  >
    <Stack.Screen name="GROUPS" component={GroupsScreen} options={{ headerShown: false }} />
    <Stack.Screen name="GROUP" component={GroupScreen} />
    <Stack.Screen
      name="CREATE_POST"
      component={CreatePostScreen}
      options={{
        headerShown: false,
        cardStyleInterpolator: CardStyleInterpolators.forFadeFromBottomAndroid,
      }}
    />
    <Stack.Screen
      name="SELECT_POST_TYPE"
      component={AnonymousTypeScreen}
      options={{
        cardStyle: { backgroundColor: "transparent", opacity: 1 },
        headerShown: false,
        cardStyleInterpolator: CardStyleInterpolators.forVerticalIOS,
      }}
    />
  </Stack.Navigator>
);
}

and screen is just simple component:

return (
  <View>
    <View style={{ flex: 1 }}>
      <TInput />
    </View>
  </View>
);

@react-navigation/native: "^5.5.1"

Start by reproducing the issue with the provided RootStack, TextInput, and the forFadeFromBottomAndroid or forVerticalIOS interpolators, then compare it with forHorizontalIOS. The issue is resolved when focusing the TextInput no longer immediately dismisses the keyboard with the affected interpolators.