From eab656c8fdf0c6d0ab00bf0638fa69fd9c0c3e12 Mon Sep 17 00:00:00 2001
From: forkandfix <57001408+forkandfix@users.noreply.github.com>
Date: Mon, 28 Oct 2019 19:16:23 +0300
Subject: [PATCH] fix: allow touch events to go through in PortalHost (#1422)

---
 src/components/Portal/PortalHost.tsx                       | 6 +++++-
 src/components/__tests__/__snapshots__/Portal.test.js.snap | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Portal/PortalHost.tsx b/src/components/Portal/PortalHost.tsx
index 4a8dc81c5a..7d03069b40 100644
--- a/src/components/Portal/PortalHost.tsx
+++ b/src/components/Portal/PortalHost.tsx
@@ -125,7 +125,11 @@ export default class PortalHost extends React.Component<Props> {
         }}
       >
         {/* Need collapsable=false here to clip the elevations, otherwise they appear above Portal components */}
-        <View style={styles.container} collapsable={false}>
+        <View
+          style={styles.container}
+          collapsable={false}
+          pointerEvents="box-none"
+        >
           {this.props.children}
         </View>
         <PortalManager ref={this.setManager} />
diff --git a/src/components/__tests__/__snapshots__/Portal.test.js.snap b/src/components/__tests__/__snapshots__/Portal.test.js.snap
index ab38d9acc8..da6b2eb943 100644
--- a/src/components/__tests__/__snapshots__/Portal.test.js.snap
+++ b/src/components/__tests__/__snapshots__/Portal.test.js.snap
@@ -4,6 +4,7 @@ exports[`renders portal with siblings 1`] = `
 Array [
   <View
     collapsable={false}
+    pointerEvents="box-none"
     style={
       Object {
         "flex": 1,