[Bug]❗ Zendesk Messaging UI Overlaps with Status and Navigation Bars on Android 15 (API 35)

[uasghar-smile]

🐞 Describe the bug

After upgrading the app to target Android 15 (API 35), the Zendesk Messaging UI is overlapped by both the status bar (top) and navigation bar (bottom).

• The messaging screen does not respect safe areas or window insets
• It does not respond to layout adjustments like StatusBar.setHidden(true) or immersive mode
• This issue is new to Android 15 — the same integration worked perfectly on Android 14 and below

---

🔁 To Reproduce

1. Use a device or emulator running Android 15 (API 35)
2. Integrate react-native-zendesk-messaging in your React Native app
3. Open the chat via Zendesk.openMessagingView()
4. Observe the UI being covered by the system status and navigation bars

---

✅ Expected Behavior

Zendesk Messaging screen should:

• Avoid being covered by status and navigation bars
• Adapt properly to safe area insets / Android 15’s new window inset system
• Support immersive or full-screen layouts, or at least allow developers to enforce this

---

📸 Screenshots

Messaging UI overlapped by system UI on Android 15

---

📦 Environment

Key	Value
Platform	Android
React Native Version	0.74.0
Zendesk SDK Version	0.3.2
JS Engine	Hermes
Target SDK	35 (Android 15)
Device/Emulator	Samsung A05s

---

🧩 Additional Context

• This issue started after upgrading targetSdkVersion to 35
• Other screens in the app behave correctly using SafeAreaView, immersive flags, and StatusBar.setHidden(true)
• Seems Zendesk Messaging view is not adapting to the new window inset behavior introduced in Android 15

---

🙏 Request for Support

Could you please:

• Confirm if this is a known issue with the SDK
• Share any workaround or patch until a fix is released
• Let us know if an SDK update with Android 15 compatibility is planned

Thanks in advance 🙌

[iramnavarrete]

Same here after upgrading expo 53

[FabricioXC]

Same here on devices running Android 15.

[avivdim]

@iramnavarrete @FabricioXC @uasghar-smile can you tell what Android SDK you are using?

[FabricioXC]

@avivdim
buildToolsVersion = "34.0.0"
minSdkVersion = 23
compileSdkVersion = 34
targetSdkVersion = 35

[avivdim]

@FabricioXC please add this below the lines you have sent
zendeskSdkVersion = "2.25.0"
You need to understand that you set the android SDK version in that way - for me this version is working but you can also use newer versions if needed. you can see the versions and change log here: https://developer.zendesk.com/documentation/zendesk-web-widget-sdks/sdks/android/release_notes/
please let me know if that fixed the issue for you

[bondarev-alex]

expo sdk 52 -> adding zendeskSdkVersion = "2.33.0" solved issue

[uasghar-smile]

@avivdim Here's my Android SDK.

buildToolsVersion = "35.0.0"
minSdkVersion = 26
compileSdkVersion = 35
targetSdkVersion = 35
zendeskSdkVersion = "2.14.1"
ndkVersion = "26.1.10909125" // "25.1.8937393"
kotlinVersion = "1.9.22"

[avivdim]

@uasghar-smile You need to upgrade zendesSdkVersion to a newer version

[dheeyi]

I have the same issue, any solution or workaround?

[gguidotti]

@dheeyi As others have said in previous messages, you have to set the Zendesk SDK version inside your android/build.gradle like so:

buildscript {
    ext {
        buildToolsVersion = "35.0.0"
        minSdkVersion = 24
        compileSdkVersion = 35
        targetSdkVersion = 35
        ndkVersion = "27.1.12297006"
        kotlinVersion = "2.1.20"

        // react-native-zendesk-messaging
        zendeskSdkVersion = "2.33.0"
    }
    ...
}

I'm upgrading my app to React Native 0.80, and the library seems to be working just fine with the above setting (Motorola running on Android 15)

[uasghar-smile]

Thanks @bondarev-alex @gguidotti for giving hint. I have fixed this issue by implementing the following changes.

Changes for android/build.gradle

buildscript {
    ext {
        buildToolsVersion = "35.0.0"
        minSdkVersion = 26
        compileSdkVersion = 35
        targetSdkVersion = 35
        ndkVersion = "26.1.10909125" 
        kotlinVersion = "1.9.22" //1.17.20

        // react-native-zendesk-messaging
        zendeskSdkVersion = "2.33.0"
    }
    ...
 }


allprojects {
    // ✅ Remove these lines if already present
    configurations.all {
        resolutionStrategy {
            force 'androidx.lifecycle:lifecycle-viewmodel:2.5.1'
        }
    }

    // ✅ Add the following Maven repository
    maven {
        url "https://maven.zendesk.com/repo"
    }
}

Changes for android/app/build.gradle

defaultConfig {
    ...
    // ✅ Add this line
    multiDexEnabled true
}


android {
    ...
    // ✅ Add compileOptions and kotlinOptions
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_17
        targetCompatibility JavaVersion.VERSION_17
        coreLibraryDesugaringEnabled true
    }
    kotlinOptions {
        jvmTarget = "17"
    }
}


dependencies {
    // ✅ Add the following dependencies
    coreLibraryDesugaring 'com.android.tools:desugar_jdk_libs:2.0.4'
    implementation 'androidx.lifecycle:lifecycle-viewmodel-ktx:2.7.0'
    implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.7.0'
    implementation 'org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.3'
    implementation "zendesk.messaging:messaging-android:2.33.0"
}

Changes for MainActivity.kt

class MainActivity : ReactActivity() {

   // 🔧 FIX: must be non-null Intent in RN 0.76
   // ✅ Add the following code at last if required

    override fun onNewIntent(intent: Intent) {
        super.onNewIntent(intent)
        setIntent(intent) // ensure new intent is stored
        RNBranchModule.onNewIntent(intent)
    }
}

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.