fix: bugfixes

Author: isekovanic

examples/SampleApp/android/app/src/main/java/com/sampleapp/MainActivity.kt

@@ -1,52 +1,54 @@
 package com.sampleapp
 
-import com.facebook.react.ReactActivity
-import com.facebook.react.ReactActivityDelegate
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
-import com.facebook.react.defaults.DefaultReactActivityDelegate
-
-import android.os.Bundle
 import android.os.Build
+import android.os.Bundle
 import android.view.View
+import androidx.core.graphics.Insets
 import androidx.core.view.ViewCompat
 import androidx.core.view.WindowInsetsCompat
 import androidx.core.view.updatePadding
+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 onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(null)
-
-        if (Build.VERSION.SDK_INT >= 35) {
-            val rootView = findViewById<View>(android.R.id.content)
-
-
-          ViewCompat.setOnApplyWindowInsetsListener(rootView) { view, insets ->
-              val bars = insets.getInsets(
-                  WindowInsetsCompat.Type.systemBars()
-                          or WindowInsetsCompat.Type.displayCutout()
-                          or WindowInsetsCompat.Type.ime() // adding the ime's height
-              )
-              rootView.updatePadding(
-                   left = bars.left,
-                   top = bars.top,
-                   right = bars.right,
-                   bottom = bars.bottom
-               )
-              WindowInsetsCompat.CONSUMED
-          }
-        }
+  override fun onCreate(savedInstanceState: Bundle?) {
+    super.onCreate(null)
+
+    if (Build.VERSION.SDK_INT >= 35) {
+      val rootView = findViewById<View>(android.R.id.content)
+
+      // Keep the original padding so we can restore it when IME closes
+      val initial = Insets.of(
+        rootView.paddingLeft,
+        rootView.paddingTop,
+        rootView.paddingRight,
+        rootView.paddingBottom
+      )
+
+      ViewCompat.setOnApplyWindowInsetsListener(rootView) { v, insets ->
+        // Only apply IME (keyboard) to avoid breaking safe-area libs or double-padding system bars.
+        val ime = insets.getInsets(WindowInsetsCompat.Type.ime())
+
+        v.updatePadding(
+          left = initial.left,
+          top = initial.top,
+          right = initial.right,
+          bottom = initial.bottom + ime.bottom
+        )
+
+        // IMPORTANT: don't consume — allow insets to propagate to RN & safe-area-context
+        insets
       }
-    /**
-     * Returns the name of the main component registered from JavaScript. This is used to schedule
-     * rendering of the component.
-     */
-    override fun getMainComponentName(): String = "SampleApp"
-
-    /**
-     * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
-     * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
-     */
-    override fun createReactActivityDelegate(): ReactActivityDelegate =
-        DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+
+      // Make sure we get an initial insets dispatch
+    }
+  }
+
+  override fun getMainComponentName(): String = "SampleApp"
+
+  override fun createReactActivityDelegate(): ReactActivityDelegate =
+    DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
 }

package/src/components/Message/Message.tsx

@@ -2,6 +2,7 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 import {
   GestureResponderEvent,
   Keyboard,
+  StatusBar,
   StyleProp,
   useWindowDimensions,
   View,
@@ -79,7 +80,9 @@ const measureInWindow = (
     const handle = node.current;
     if (!handle) return reject(new Error('No native handle'));
 
-    handle.measureInWindow((x, y, w, h) => resolve({ h, w, x, y }));
+    handle.measureInWindow((x, y, w, h) =>
+      resolve({ h, w, x, y: y + (StatusBar.currentHeight ?? 0) }),
+    );
   });
 };
 

package/src/contexts/overlayContext/OverlayProvider.tsx

@@ -4,6 +4,7 @@ import {
   BackHandler,
   Dimensions,
   Platform,
+  Pressable,
   StatusBar,
   StyleSheet,
   useWindowDimensions,
@@ -425,11 +426,14 @@ const OverlayHostLayer = () => {
           />
         ) : null}
 
-        <Animated.View style={[contentStyle]}>
+        <Animated.View style={contentStyle}>
+          {isActive ? (
+            <Pressable onPress={closeOverlay} style={StyleSheet.absoluteFillObject} />
+          ) : null}
           <Animated.View style={[topItemStyle, topItemTranslateStyle, styles.shadow3]}>
             <PortalHost name='top-item' style={StyleSheet.absoluteFillObject} />
           </Animated.View>
-          <Animated.View pointerEvents='box-none' style={[hostStyle, hostTranslateStyle]}>
+          <Animated.View style={[hostStyle, hostTranslateStyle]}>
             <PortalHost name='message-overlay' style={StyleSheet.absoluteFillObject} />
           </Animated.View>
           <Animated.View style={[bottomItemStyle, bottomItemTranslateStyle, styles.shadow3]}>