GeekyAnts / GeekyAnts/NativeBase
Nested Modal can not enter text in Input because it can not focus
- Dominant language
- TypeScript
- Stars
- 20.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
### Description
When using nested Modal and in the second Modal contains Input then that Input can not key in
### CodeSandbox/Snack link
https://snack.expo.dev/-epRgAGlT
### Steps to reproduce
We have 2 modals:
1. Modal 1 will show Modal 2:
```
setShowModal(false)} size="lg">
Order
Sub Total
$298.77
Tax
$38.84
Total Amount
$337.61
{
setShowModal2(true);
}}>
Continue
```
2. Modal 2 contains an Input:
```
setShowModal2(false)} size="lg" initialFocusRef={initialRef}>
Select Address
4140 Parker Rd. Allentown, New Mexico 31134
6391 Elign St. Celina, Delaware 10299
Name
Email
{
setShowModal3(true);
}}>
Continue
```
Then can not key in the Input
I think the reason because Modal is using FocusScope as below:
```
{animationPreset === 'slide' ? (
{child}
) : (
{child}
)}
```
If I remove FocusScope then it worked.
### NativeBase Version
3.4.17
### Platform
- [ ] Android
- [ ] CRA
- [X] Expo
- [ ] iOS
- [ ] Next
### Other Platform
_No response_
### Additional Information
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.