jeremybarbet/react-native-modalize

Handle is visible above a plain view

BodaThomas opened this issue ยท 0 comments

Hi! ๐Ÿ‘‹

Firstly, thanks for your work on this project! ๐Ÿ™‚

Today I used patch-package to patch react-native-modalize@2.1.1 for the project I'm working on.

The handle of the library is still visible even when a view with a plain background is above it. To fix this issue, I just needed to remove the zIndex value of the handle style. When we remove this value, the handle is still correctly visible on the modal at everytime.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-modalize/lib/styles.js b/node_modules/react-native-modalize/lib/styles.js
index 89507e9..cd1ab42 100644
--- a/node_modules/react-native-modalize/lib/styles.js
+++ b/node_modules/react-native-modalize/lib/styles.js
@@ -32,7 +32,6 @@ exports.default = react_native_1.StyleSheet.create({
         top: -20,
         right: 0,
         left: 0,
-        zIndex: 5,
         paddingBottom: 20,
         height: 20,
     },

This issue body was partially generated by patch-package.