[IOS][Modal][UnTouchable]Put double visible modal after some node causes the app can't touch!

This issue has been created since 2022-09-23.

Description

Something strange happens when I make two Modal components visible at the same time.

  1. Only one Modal is displayed, and the other is missing

  2. When I put the rendering position of the Modal in the back, the whole page will be unTouchable after closing the display Modal! On the contrary, the Modal is the first children node and you can touch normally!

Simulator.Screen.Recording.-.iPhone.11.-.2022-09-23.at.14.34.00.mp4

Version

0.70.1

Output of npx react-native info

System:
OS: macOS 12.5.1
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 364.78 MB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 14.19.2 - ~/.nvm/versions/node/v14.19.2/bin/node
Yarn: 1.22.17 - /usr/local/bin/yarn
npm: 6.14.17 - ~/.nvm/versions/node/v14.19.2/bin/npm
Watchman: 2021.08.23.00 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.11.3 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 21.0, iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0
Android SDK:
API Levels: 29, 30, 31
Build Tools: 29.0.2, 30.0.2, 31.0.0
System Images: android-29 | Intel x86 Atom_64, android-29 | Google APIs Intel x86 Atom
Android NDK: Not Found
IDEs:
Android Studio: 2020.3 AI-203.7717.56.2031.7621141
Xcode: 13.0/13A5212g - /usr/bin/xcodebuild
Languages:
Java: 1.8.0_292 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.0.0 => 18.0.0
react-native: ^0.70.1 => 0.70.1
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Steps to reproduce

Firstly, write a component that render two modal.

const TestModal = () => {
  const [v1, sV1] = useState(true);
  const [v2, sV2] = useState(true);
  return <>
    <Modal visible={v1} transparent>
      <View style={{ backgroundColor: '#333', height: 300 }}>
        <TouchableWithoutFeedback
          onPress={() => {
            sV1(false);
          }}
        >
          <Text style={{ marginTop: 200 }}>fsdaasfasfd</Text>
        </TouchableWithoutFeedback>
      </View>
    </Modal>
    <Modal visible={v2} transparent>
      <View style={{ backgroundColor: '#588', height: 300 }}>
        <TouchableWithoutFeedback
          onPress={() => {
            sV2(false);
          }}
        >
          <Text style={{ marginTop: 100 }}>fsdaasfasfd</Text>
        </TouchableWithoutFeedback>
      </View>
    </Modal>
  </>
}

Secondly, put the component after some nodes.

    <View style={styles.container}>
      <TouchableWithoutFeedback onPress={() => {
          setColor('#599')
        }}>
        <Text style={{ color }}>Press To change color!!</Text>
      </TouchableWithoutFeedback>
      <TestModal></TestModal>
    </View>

You will find after close the modal, you can't touch anyway!

Snack, code example, screenshot, or link to a repository

Github Code

code

More Details About Repo
Owner Name facebook
Repo Name react-native
Full Name facebook/react-native
Language JavaScript
Created Date 2015-01-09
Updated Date 2022-10-07
Star Count 105180
Watcher Count 3671
Fork Count 22481
Issue Count 2230

YOU MAY BE INTERESTED

Issue Title Created Date Comment Count Updated Date
Avoid adding newlines in SUMMARY 3 2021-09-23 2022-07-28
upgrade tests don't work when ENABLE_GIT_VERSION=OFF 6 2022-07-15 2022-09-10
Change output line prefix 0 2018-07-14 2022-09-11
helm inflator kustomize not same result as helm install 3 2022-07-12 2022-09-15
DNS Challenges Not Added to Specified Ingress Despite Specifying in ACME ClusterIssuer Manifest 0 2022-07-08 2022-09-30
Implement screenshot and video capture bgfx callbacks 2 2022-04-25 2022-10-06
get fuzzy borders if an input image is of alpha channel 2 2021-04-29 2022-09-23
Help please ran the code and gave an error pip install -r requirements.txt 0 2022-04-20 2022-09-08
Memory leak problem still existed in version 2.0.10 0 2022-03-03 2022-05-08
Objective locations missing for "Not-So-Honorable Combat" 0 2022-08-04 2022-08-29
Not working in OSX 10.15.7 11 2021-01-28 2022-06-25
[github-actions] test_dua_routing_med.py fails intermittently 1 2022-02-08 2022-09-12
[Feat] - Keep EXIF data 6 2022-03-11 2022-09-21
Videos are not able to play 7 2021-12-25 2022-09-26
This app now unattended 3 2021-12-26 2022-09-26
Expand row clicking anywhere 7 2021-01-05 2022-10-02
Dependencies also using node-config can unexpected "override" config values. 2 2021-07-20 2022-09-09
ability to grant <specific> job submission to non god users 0 2022-03-29 2022-08-31
List of Masonry: scroll to list index 3 2022-01-08 2022-10-06
Not defiend ids in one-to-many relations 3 2022-03-31 2022-09-16
Right click menu doesn't work when right clicking in right side 2 2021-07-30 2022-09-07
FRONTEND WITH FRAMEWORK: VueJS-7.6 => Route Meta fields 1 2021-11-09 2022-07-21
App crash during note editing: IndexOutOfBoundsException 5 2021-10-14 2022-08-22
Some elixir tests fails with otp-24 in branch v1.11 2 2021-08-31 2022-10-05
Bug in select_relevant_files 0 2022-02-10 2022-08-11
[Feedback] Cannot transfer an Azure SQL database with Azure AD authentication enabled to a different directory 3 2022-03-23 2022-10-02
Update Chocolatey Package 10 2021-10-15 2022-09-23
Not all methods of Springs `TestContextManager` are invoked. 0 2022-06-19 2022-09-20
clean: code duplication between `std/algebra/sw_bls12377` and `std/algebra/sw_bls24315` 0 2021-12-01 2022-09-20
Tested on ESP32? 4 2018-01-10 2022-01-14
Cannot Access Remote 1 2021-10-21 2022-09-08
Multiple Primary for Locality Load Balancing Not Functioning 1 2021-10-21 2022-09-08
[Bug] it does not match `pointer: coarse` CSS media query 12 2020-09-07 2022-07-17
BUG: In 3.5.1 grid.y.show = true breaks if there is a y2 axis but no y axis 6 2022-08-25 2022-09-08
client.undo.log-serialization 更改序列化方式为kryo,更改无效,序列化方式还是jackson 1 2020-07-23 2022-10-06
Reply always uses real address instead of existing recipient 2 2022-07-26 2022-09-10
Sharing the Vite template I made based on the RollUp template 3 2021-12-11 2022-09-25
Bad display when scrolling "About Godot" popup 1 2021-11-20 2022-01-15
Fails to parse new lockfile format 2 2020-02-05 2022-08-19
[LLC] Generate different ClientOptions for service clients in a package where multiple services version independently 5 2021-10-12 2022-10-03
Codeunit 5705 new event on procedure InsertTransRcptLine 1 2021-11-03 2022-09-15
chore(deps): update dependency eslint to v7.32.0 0 2021-08-01 2022-10-04
No Response 1 2021-03-13 2022-01-16
Wrong link syntax in the vignette: 0 2021-04-29 2022-09-28
Using in shiny as dynamic input: inefficiency of constnatly adding more style tags to the page 5 2020-12-08 2022-09-28
Memory Leaks 3 2021-03-19 2022-01-16
Lerna + Yarn workspaces + component testing 0 2021-11-19 2022-08-31
SPL token balance is not shown correctly on Portfolio 1 2022-08-05 2022-09-17
Scroll-bars appear always on table in Windows 6 2021-07-22 2022-10-05
requires ext-exif 1 2019-10-02 2022-01-19