fix(react-native): scrolling was broken with top view and floating vi…

…ew in same container (#1029)
GetStream · Aug 31, 2023 · 638ed7e · 638ed7e
1 parent 5d96170
commit 638ed7e
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/react-native-sdk/src/components/Call/CallContent/CallContent.tsx b/packages/react-native-sdk/src/components/Call/CallContent/CallContent.tsx
@@ -136,7 +136,12 @@ export const CallContent = ({
   return (
     <View style={[styles.container, callContent.container]}>
       <View style={[styles.container, callContent.callParticipantsContainer]}>
-        <View style={[styles.view, callContent.topContainer]}>
+        <View
+          style={[styles.view, callContent.topContainer]}
+          // "box-none" disallows the container view to be not take up touches
+          // and allows only the top and floating view (its child views) to take up the touches
+          pointerEvents="box-none"
+        >
           {CallTopView && (
             <CallTopView
               onBackPressed={onBackPressed}