diff --git a/apps/touch-test-demo/App.tsx b/apps/touch-test-demo/App.tsx
new file mode 100644
index 0000000..9647fc2
--- /dev/null
+++ b/apps/touch-test-demo/App.tsx
@@ -0,0 +1,269 @@
+/**
+ * Touch Test Demo
+ *
+ * Single scrollable page combining Touch Bleed and Overlay tests.
+ * Minimal host views to keep tag values low and predictable.
+ */
+import SandboxReactNativeView from '@callstack/react-native-sandbox'
+import React, {useState} from 'react'
+import {
+ SafeAreaView,
+ ScrollView,
+ StyleSheet,
+ Text,
+ TouchableOpacity,
+ View,
+} from 'react-native'
+
+// ─── Padding helper ─────────────────────────────────────────────────────────
+
+function TagPadding({count}: {count: number}) {
+ return (
+ <>
+ {Array.from({length: count}, (_, i) => (
+
+ ))}
+
+ )
+}
+
+// ─── App ────────────────────────────────────────────────────────────────────
+
+export default function App() {
+ const [pressCount, setPressCount] = useState(0)
+ const [hostTag, setHostTag] = useState(null)
+ const [overlayVisible, setOverlayVisible] = useState(false)
+ const [overlayPressCount, setOverlayPressCount] = useState(0)
+ const [overlayBtnTag, setOverlayBtnTag] = useState(null)
+
+ return (
+
+
+ {/* ── Test 1: Touch Bleed ── */}
+
+ Test 1: Touch Bleed
+
+ Press a sandbox button whose tag matches the host button tag. Watch
+ if the host button highlights or press count increases.
+
+
+
+
+ {
+ const tag = (e as any).nativeEvent?.target
+ if (tag != null) setHostTag(tag)
+ }}
+ onPress={() => setPressCount(c => c + 1)}>
+
+ Host Button{hostTag != null ? ` (tag: ${hostTag})` : ''}
+
+
+
+ Press count: {pressCount}{' '}
+ {pressCount > 0 ? '❌ BLEED DETECTED' : '✅ No bleed'}
+
+
+
+
+ Sandbox (Touch Bleed)
+ console.warn('Sandbox error:', error)}
+ />
+
+
+
+
+ {/* ── Test 2: Overlay over Sandbox ── */}
+
+ Test 2: Overlay over Sandbox
+
+ Tests that host views rendered on top of a sandbox correctly receive
+ touches without bleeding into sandbox buttons.{'\n\n'}
+ Expected behavior:{'\n'}• Overlay buttons — should fire (count
+ increments){'\n'}• Card area over sandbox — should NOT fire sandbox
+ buttons{'\n'}• Grey backdrop — should block sandbox touches{'\n'}•
+ Top-half sandbox buttons (no overlay) — should work normally
+
+
+ {
+ const tag = (e as any).nativeEvent?.target
+ if (tag != null) setOverlayBtnTag(tag)
+ }}
+ onPress={() => setOverlayVisible(v => !v)}>
+
+ {overlayVisible ? 'Hide Overlay' : 'Show Overlay'}
+ {overlayBtnTag != null ? ` (tag: ${overlayBtnTag})` : ''}
+
+
+
+
+ Overlay presses: {overlayPressCount}
+ {overlayPressCount > 0 ? ' ✅' : ''}
+
+
+
+
+ Sandbox (Overlay)
+
+ console.warn('Sandbox error:', error)}
+ />
+ {overlayVisible && (
+
+
+ Host Overlay
+
+ This view is rendered by the host ON TOP of the sandbox.
+ Tapping the button below should work normally.
+
+ setOverlayPressCount(c => c + 1)}>
+
+ Tap Me (overlay) — count: {overlayPressCount}
+
+
+ setOverlayVisible(false)}>
+ Dismiss
+
+
+
+ )}
+
+
+
+
+ )
+}
+
+// ─── Styles ─────────────────────────────────────────────────────────────────
+
+const overlayStyles = StyleSheet.create({
+ backdrop: {
+ position: 'absolute',
+ top: '50%',
+ left: '15%',
+ right: '15%',
+ bottom: 0,
+ backgroundColor: 'rgba(0,0,0,0.3)',
+ justifyContent: 'center',
+ alignItems: 'center',
+ zIndex: 10,
+ elevation: 0,
+ },
+ card: {
+ backgroundColor: '#fff',
+ borderRadius: 12,
+ borderWidth: 1,
+ borderColor: '#000000ff',
+ padding: 24,
+ width: '65%',
+ marginTop: -150,
+ shadowColor: '#000',
+ shadowOffset: {width: 0, height: 4},
+ shadowOpacity: 0.3,
+ shadowRadius: 8,
+ elevation: 12,
+ },
+ cardTitle: {
+ fontSize: 18,
+ fontWeight: '700',
+ marginBottom: 8,
+ },
+ cardDesc: {
+ fontSize: 14,
+ color: '#666',
+ marginBottom: 16,
+ lineHeight: 20,
+ },
+ overlayButton: {
+ backgroundColor: '#34c759',
+ paddingVertical: 14,
+ borderRadius: 8,
+ alignItems: 'center',
+ },
+})
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ backgroundColor: '#fff',
+ },
+ section: {
+ padding: 16,
+ },
+ title: {
+ fontSize: 20,
+ fontWeight: '700',
+ marginBottom: 8,
+ },
+ sectionHeader: {
+ fontSize: 16,
+ fontWeight: '600',
+ marginBottom: 8,
+ },
+ description: {
+ fontSize: 14,
+ color: '#666',
+ marginBottom: 16,
+ lineHeight: 20,
+ },
+ pad: {
+ height: 1,
+ },
+ hostButton: {
+ backgroundColor: '#007aff',
+ paddingVertical: 14,
+ borderRadius: 8,
+ alignItems: 'center',
+ marginBottom: 8,
+ },
+ actionButton: {
+ backgroundColor: '#5856d6',
+ paddingVertical: 12,
+ borderRadius: 8,
+ alignItems: 'center',
+ marginTop: 12,
+ marginBottom: 8,
+ },
+ buttonText: {
+ color: '#fff',
+ fontWeight: '600',
+ fontSize: 16,
+ },
+ result: {
+ fontSize: 15,
+ marginVertical: 4,
+ },
+ sandboxSection: {
+ padding: 16,
+ borderTopWidth: 1,
+ borderTopColor: '#ccc',
+ },
+ sandbox: {
+ height: 400,
+ borderWidth: 1,
+ borderColor: '#8232ff',
+ borderRadius: 4,
+ },
+ divider: {
+ height: 8,
+ backgroundColor: '#f0f0f0',
+ marginVertical: 8,
+ },
+})
diff --git a/apps/touch-test-demo/README.md b/apps/touch-test-demo/README.md
new file mode 100644
index 0000000..4f94295
--- /dev/null
+++ b/apps/touch-test-demo/README.md
@@ -0,0 +1,83 @@
+# Touch Test Demo
+
+Reproduces and tests touch isolation bugs between host and sandbox React Native surfaces. The app deliberately aligns sandbox button view tags with host button view tags to expose tag collision issues.
+
+## Background: Android vs iOS tag resolution
+
+React Native assigns each native view an integer tag used internally to route touch events. On iOS, each React surface (host and sandbox) gets its own tag namespace — tags are scoped per surface, so collisions between host and sandbox are impossible by design. On Android, view tags are allocated from a single global counter shared across all surfaces in the process, meaning that tags in the host app and in a sandbox could occur.
+
+
+## What it tests
+
+### Test 1: Touch Bleed
+
+A host button and a sandbox button share the same React view tag (34). When you tap the sandbox button, the test checks whether the host button also receives the touch event. Touch events should be handled only in the proper surface.
+
+### Test 2: Overlay over Sandbox
+
+A host overlay card is rendered on top of the sandbox surface. A sandbox button is padded to share the same tag (92) as the host overlay button. The test checks:
+
+- Overlay buttons receive touches normally
+- The overlay card blocks touches from reaching sandbox buttons underneath
+- Sandbox buttons not covered by the overlay still work
+- The grey backdrop area blocks sandbox touches
+
+## How the tag alignment works
+
+The sandbox component (`Sandbox.tsx`) inserts invisible padding `View` elements before specific buttons to consume tag IDs and push button tags to target values. Each padding view consumes ~2 tags on Android.
+
+Current alignment:
+- Sandbox Button 2 → tag 34 (matches host button in Test 1)
+- Sandbox Button 3 → tag 92 (matches host overlay button in Test 2)
+
+Tag values may be device/platform-dependent. If they drift after changes, adjust the `PADDING_BEFORE_BUTTON` values in `Sandbox.tsx`.
+
+> **Fragility note:** The padding counts are sensitive to the number of host views rendered before the sandbox surface starts, React Native's internal tag allocation strategy, and the number of views inside the sandbox before each button. These may change across RN versions. The on-screen `(tag: N)` labels in the demo UI make it easy to spot drift — if the displayed tags no longer match the expected collision values, update `PADDING_BEFORE_BUTTON` in `Sandbox.tsx` accordingly.
+
+## Build steps (Android release)
+
+All commands run from the monorepo root (`react-native-sandbox/`).
+
+### 1. Install dependencies
+
+```bash
+yarn install
+```
+
+### 2. Bundle the sandbox JS
+
+From `apps/touch-test-demo/`:
+
+```bash
+npx react-native bundle \
+ --platform android \
+ --dev false \
+ --entry-file sandbox.js \
+ --bundle-output android/app/src/main/assets/sandbox.android.bundle \
+ --assets-dest android/app/src/main/res/
+```
+
+### 3. Generate codegen artifacts
+
+From `apps/touch-test-demo/android/`:
+
+```bash
+./gradlew :callstack_react-native-sandbox:generateCodegenArtifactsFromSchema
+```
+
+### 4. Build the release APK
+
+From `apps/touch-test-demo/android/`:
+
+```bash
+./gradlew assembleRelease
+```
+
+The APK is at `android/app/build/outputs/apk/release/app-release.apk`.
+
+### 5. Install and launch
+
+```bash
+adb install android/app/build/outputs/apk/release/app-release.apk
+adb shell am start -n com.touchtestdemo/.MainActivity
+```
diff --git a/apps/touch-test-demo/Sandbox.tsx b/apps/touch-test-demo/Sandbox.tsx
new file mode 100644
index 0000000..e93bbd5
--- /dev/null
+++ b/apps/touch-test-demo/Sandbox.tsx
@@ -0,0 +1,108 @@
+import React, {useState} from 'react'
+import {
+ LogBox,
+ ScrollView,
+ StyleSheet,
+ Text,
+ TouchableOpacity,
+ View,
+} from 'react-native'
+
+// Padding views inserted before specific buttons to push their tags
+// to desired values for collision testing.
+// Each View consumes 1 tag in the React surface.
+//
+// Why these specific counts?
+// React Native Fabric allocates view tags sequentially from a shared counter.
+// The sandbox surface starts at a known offset relative to the host surface.
+// By inserting invisible zero-height Views before a button, we consume tag IDs
+// and push the button's tag to a value that collides with a host view tag.
+//
+// Current targets (Android, RN 0.76.x):
+// Button 2 → tag 34 (matches host "Host Button" in Test 1)
+// Button 3 → tag 92 (matches host overlay button in Test 2)
+//
+// FRAGILITY NOTE: These counts are sensitive to:
+// - The number of host views rendered before the sandbox surface starts
+// - React Native's internal tag allocation strategy (may change across RN versions)
+// - The number of views rendered inside the sandbox before these buttons
+// If tags drift after an RN upgrade or component tree change, adjust the counts
+// here and verify with the on-screen "(tag: N)" labels in the demo UI.
+const PADDING_BEFORE_BUTTON: Record = {
+ 2: 5, // push button 2 → tag 34
+ 3: 24, // push button 3 → tag 92
+}
+
+function TagPadding({count}: {count: number}) {
+ return (
+ <>
+ {Array.from({length: count}, (_, i) => (
+
+ ))}
+
+ )
+}
+
+export default function Sandbox() {
+ const [status, setStatus] = useState('Ready')
+ const [tags, setTags] = useState>({})
+
+ return (
+
+ Sandbox status: {status}
+ {[1, 2, 3, 4, 5].map(n => (
+
+ {PADDING_BEFORE_BUTTON[n] && (
+
+ )}
+ {
+ const tag = (e as any).nativeEvent?.target
+ if (tag != null) setTags(prev => ({...prev, [n]: tag}))
+ }}
+ onPress={() => setStatus(`Button ${n} pressed`)}>
+
+ Button {n}
+ {tags[n] != null ? ` (tag: ${tags[n]})` : ''}
+
+
+ {n < 5 && }
+
+ ))}
+
+ )
+}
+
+LogBox.ignoreAllLogs()
+
+const styles = StyleSheet.create({
+ container: {
+ padding: 16,
+ justifyContent: 'center',
+ },
+ spacer: {
+ height: 16,
+ },
+ pad: {
+ height: 0,
+ },
+ status: {
+ fontSize: 14,
+ fontStyle: 'italic',
+ marginBottom: 16,
+ color: '#666',
+ },
+ button: {
+ backgroundColor: '#2196F3',
+ paddingVertical: 12,
+ paddingHorizontal: 16,
+ borderRadius: 8,
+ alignItems: 'center',
+ },
+ buttonText: {
+ color: '#ffffff',
+ fontWeight: '600',
+ fontSize: 15,
+ },
+})
diff --git a/apps/touch-test-demo/android/app/build.gradle b/apps/touch-test-demo/android/app/build.gradle
new file mode 100644
index 0000000..e130c05
--- /dev/null
+++ b/apps/touch-test-demo/android/app/build.gradle
@@ -0,0 +1,61 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+
+react {
+ root = file("../..")
+ reactNativeDir = file("../../../../node_modules/react-native")
+ codegenDir = file("../../../../node_modules/@react-native/codegen")
+ cliFile = file("../../../../node_modules/react-native/cli.js")
+
+ hermesCommand = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).parentFile.absolutePath + "/sdks/hermesc/%OS-BIN%/hermesc"
+
+ autolinkLibrariesWithApp()
+}
+
+def enableProguardInReleaseBuilds = false
+
+def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
+
+android {
+ ndkVersion rootProject.ext.ndkVersion
+ buildToolsVersion rootProject.ext.buildToolsVersion
+ compileSdk rootProject.ext.compileSdkVersion
+
+ namespace "com.touchtestdemo"
+ defaultConfig {
+ applicationId "com.touchtestdemo"
+ minSdkVersion rootProject.ext.minSdkVersion
+ targetSdkVersion rootProject.ext.targetSdkVersion
+ versionCode 1
+ versionName "1.0"
+ }
+ signingConfigs {
+ debug {
+ storeFile file('debug.keystore')
+ storePassword 'android'
+ keyAlias 'androiddebugkey'
+ keyPassword 'android'
+ }
+ }
+ buildTypes {
+ debug {
+ signingConfig signingConfigs.debug
+ }
+ release {
+ signingConfig signingConfigs.debug
+ minifyEnabled enableProguardInReleaseBuilds
+ proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+ }
+ }
+}
+
+dependencies {
+ implementation("com.facebook.react:react-android")
+
+ if (hermesEnabled.toBoolean()) {
+ implementation("com.facebook.react:hermes-android")
+ } else {
+ implementation jscFlavor
+ }
+}
diff --git a/apps/touch-test-demo/android/app/debug.keystore b/apps/touch-test-demo/android/app/debug.keystore
new file mode 100644
index 0000000..364e105
Binary files /dev/null and b/apps/touch-test-demo/android/app/debug.keystore differ
diff --git a/apps/touch-test-demo/android/app/proguard-rules.pro b/apps/touch-test-demo/android/app/proguard-rules.pro
new file mode 100644
index 0000000..fb164d6
--- /dev/null
+++ b/apps/touch-test-demo/android/app/proguard-rules.pro
@@ -0,0 +1 @@
+# Add project specific ProGuard rules here.
diff --git a/apps/touch-test-demo/android/app/src/debug/AndroidManifest.xml b/apps/touch-test-demo/android/app/src/debug/AndroidManifest.xml
new file mode 100644
index 0000000..eb98c01
--- /dev/null
+++ b/apps/touch-test-demo/android/app/src/debug/AndroidManifest.xml
@@ -0,0 +1,9 @@
+
+
+
+
+
diff --git a/apps/touch-test-demo/android/app/src/main/AndroidManifest.xml b/apps/touch-test-demo/android/app/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..e189252
--- /dev/null
+++ b/apps/touch-test-demo/android/app/src/main/AndroidManifest.xml
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/touch-test-demo/android/app/src/main/java/com/touchtestdemo/MainActivity.kt b/apps/touch-test-demo/android/app/src/main/java/com/touchtestdemo/MainActivity.kt
new file mode 100644
index 0000000..e3cf9ee
--- /dev/null
+++ b/apps/touch-test-demo/android/app/src/main/java/com/touchtestdemo/MainActivity.kt
@@ -0,0 +1,14 @@
+package com.touchtestdemo
+
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+
+class MainActivity : ReactActivity() {
+
+ override fun getMainComponentName(): String = "TouchTestDemo"
+
+ override fun createReactActivityDelegate(): ReactActivityDelegate =
+ DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+}
diff --git a/apps/touch-test-demo/android/app/src/main/java/com/touchtestdemo/MainApplication.kt b/apps/touch-test-demo/android/app/src/main/java/com/touchtestdemo/MainApplication.kt
new file mode 100644
index 0000000..56277ea
--- /dev/null
+++ b/apps/touch-test-demo/android/app/src/main/java/com/touchtestdemo/MainApplication.kt
@@ -0,0 +1,40 @@
+package com.touchtestdemo
+
+import android.app.Application
+import com.facebook.react.PackageList
+import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeHost
+import com.facebook.react.ReactPackage
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
+import com.facebook.react.defaults.DefaultReactNativeHost
+import com.facebook.react.soloader.OpenSourceMergedSoMapping
+import com.facebook.soloader.SoLoader
+
+class MainApplication : Application(), ReactApplication {
+
+ override val reactNativeHost: ReactNativeHost =
+ object : DefaultReactNativeHost(this) {
+ override fun getPackages(): List =
+ PackageList(this).packages
+
+ override fun getJSMainModuleName(): String = "index"
+
+ override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
+
+ override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
+ override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
+ }
+
+ override val reactHost: ReactHost
+ get() = getDefaultReactHost(applicationContext, reactNativeHost)
+
+ override fun onCreate() {
+ super.onCreate()
+ SoLoader.init(this, OpenSourceMergedSoMapping)
+ if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+ load()
+ }
+ }
+}
diff --git a/apps/touch-test-demo/android/app/src/main/res/drawable/rn_edit_text_material.xml b/apps/touch-test-demo/android/app/src/main/res/drawable/rn_edit_text_material.xml
new file mode 100644
index 0000000..5c25e72
--- /dev/null
+++ b/apps/touch-test-demo/android/app/src/main/res/drawable/rn_edit_text_material.xml
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+