From 8dea3389eec07ecaaa01e112e66a6b536e457b46 Mon Sep 17 00:00:00 2001
From: Bettenbuk Zoltan <zoltan.bettenbuk@gmail.com>
Date: Wed, 10 Jul 2019 14:39:05 +0200
Subject: [PATCH] fix: avoid clicking behind dialogs

---
 .../dialog/components/native/BaseDialog.js    | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/react/features/base/dialog/components/native/BaseDialog.js b/react/features/base/dialog/components/native/BaseDialog.js
index 4bf23522e1..0a45a58076 100644
--- a/react/features/base/dialog/components/native/BaseDialog.js
+++ b/react/features/base/dialog/components/native/BaseDialog.js
@@ -4,6 +4,7 @@ import React from 'react';
 import {
     Text,
     TouchableOpacity,
+    TouchableWithoutFeedback,
     View
 } from 'react-native';
 
@@ -51,28 +52,29 @@ class BaseDialog<P: Props, S: State> extends AbstractDialog<P, S> {
         const { _dialogStyles, style } = this.props;
 
         return (
-            <View
-                pointerEvents = 'box-none'
-                style = { [
-                    styles.overlay,
-                    style
-                ] }>
+            <TouchableWithoutFeedback>
                 <View
-                    pointerEvents = 'box-none'
                     style = { [
-                        _dialogStyles.dialog,
-                        this.props.style
+                        styles.overlay,
+                        style
                     ] }>
-                    <TouchableOpacity
-                        onPress = { this._onCancel }
-                        style = { styles.closeWrapper }>
-                        <Icon
-                            name = 'close'
-                            style = { _dialogStyles.closeStyle } />
-                    </TouchableOpacity>
-                    { this._renderContent() }
+                    <View
+                        pointerEvents = 'box-none'
+                        style = { [
+                            _dialogStyles.dialog,
+                            this.props.style
+                        ] }>
+                        <TouchableOpacity
+                            onPress = { this._onCancel }
+                            style = { styles.closeWrapper }>
+                            <Icon
+                                name = 'close'
+                                style = { _dialogStyles.closeStyle } />
+                        </TouchableOpacity>
+                        { this._renderContent() }
+                    </View>
                 </View>
-            </View>
+            </TouchableWithoutFeedback>
         );
     }