GeekyAnts / GeekyAnts/NativeBase

Nested Modal can not enter text in Input because it can not focus

Open
#5,447 2 comments 0 reactions 0 assignees View on GitHub
bug triage v3
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.