fix: fixes android pointer events bug (#43)

* fixes android pointer events bug

* fixes comment

* fix

* fix

Author: pandeymangg

packages/react-native/src/components/formbricks.tsx

@@ -3,6 +3,7 @@ import { Logger } from "@/lib/common/logger";
 import { setup } from "@/lib/common/setup";
 import { SurveyStore } from "@/lib/survey/store";
 import React, { useCallback, useEffect, useSyncExternalStore } from "react";
+import { View } from "react-native";
 
 interface FormbricksProps {
   appUrl: string;
@@ -39,5 +40,10 @@ export function Formbricks({ appUrl, environmentId }: FormbricksProps): React.JS
   const getSnapshot = useCallback(() => surveyStore.getSurvey(), []);
   const survey = useSyncExternalStore(subscribe, getSnapshot);
 
-  return survey ? <SurveyWebView survey={survey} /> : null;
+  // Wrap in View with pointerEvents="box-none" to fix Android touch event handling.
+  return survey ? (
+    <View pointerEvents="box-none">
+      <SurveyWebView survey={survey} />
+    </View>
+  ) : null;
 }

sonar-project.properties

@@ -18,4 +18,4 @@ sonar.javascript.lcov.reportPaths=packages/react-native/coverage/lcov.info
 sonar.typescript.tsconfigPath=packages/react-native/tsconfig.json,apps/playground/tsconfig.json
 
 # Coverage settings
-sonar.coverage.exclusions=**/node_modules/**,**/dist/**,**/build/**,**/coverage/**,**/.turbo/**,**/apps/playground/**,**/*.config.js,**/*.config.ts,**/vite.config.ts,**/vitest.setup.ts,**/tsconfig.json,**/package.json,**/pnpm-lock.yaml,**/turbo.json,**/pnpm-workspace.yaml
+sonar.coverage.exclusions=**/node_modules/**,**/dist/**,**/build/**,**/coverage/**,**/.turbo/**,**/apps/playground/**,**/*.config.js,**/*.config.ts,**/vite.config.ts,**/vitest.setup.ts,**/tsconfig.json,**/package.json,**/pnpm-lock.yaml,**/turbo.json,**/pnpm-workspace.yaml,**/*.tsx