Icon in InputLeftElement of a input field not animating properly

[rassemdev]

Description

I have a login page where i have some input fields with icons on left. I am doing some animation (used react-native-reanimated) when a user focus on that input field. While doing this animation icons of input field going out of the screen+input field.

CodeSandbox/Snack link

https://snack.expo.dev/@rassemdev/login-page

Steps to reproduce

1. Load the page
2. Focus on input field

NativeBase Version

3.2.1

Platform

• [X] Android
• [ ] CRA
• [ ] Expo
• [X] iOS
• [ ] Next

Other Platform

No response

Additional Information

Those are my dependencies:

"dependencies": { "@react-native-community/datetimepicker": "^3.5.2", "@react-native-community/masked-view": "^0.1.11", "@react-native-community/netinfo": "^6.0.0", "@react-navigation/material-top-tabs": "^6.0.6", "@react-navigation/native": "^5.9.4", "@react-navigation/stack": "^5.14.5", "moment": "^2.29.1", "native-base": "^3.2.1", "react": "17.0.1", "react-native": "0.64.2", "react-native-app-auth": "^6.4.0", "react-native-gesture-handler": "^1.10.3", "react-native-pager-view": "^5.4.9", "react-native-reanimated": "^2.8.0", "react-native-responsive-screen": "^1.4.2", "react-native-safe-area-context": "^3.2.0", "react-native-screens": "^3.4.0", "react-native-sqlite-storage": "^5.0.0", "react-native-svg": "^12.1.1", "react-native-tab-view": "^3.1.1", "react-native-vector-icons": "^8.1.0", "recyclerlistview": "^3.0.5", "styled-components": "^5.3.0", "styled-system": "^5.1.5" },

[Krithikj20]

Hi @rassemdev, Thanks for reporting the issue. We will look into it.