Nested Menu Drawers not working in Android

[Aaqib925]

In ANDROID One Menu Drawer as a children of another Menu drawer and whole screen will be covered by overlay,

To Reproduce Steps to reproduce the behavior:

1. Create one MenuDrawer component with respective states and drawerContent properties.
2. Create second Menu Drawer as a children of first Menu Drawer.
3. Open the first MenuDrawer.
4. The whole screen will be covered by overlay, but child MenuDrawer is working fine.

Expected behavior Expect to work with nested MenuDrawers like it's working like a charm in iOS.

<MenuDrawer
            open={isMenuDrawerOpen}
            drawerContent={drawerContent()}
            drawerPercentage={45}
            animationTime={250}
            position={'left'}
            overlay={true}
            opacity={0.4}>
            <MenuDrawer
                open={isNotificationDrawerOpen}
                drawerContent={NotifcationDrawerContent()}
                drawerPercentage={45}
                animationTime={250}
                position={'right'}
                overlay={true}
                opacity={0.4}>
             </MenuDrawer>
</MenuDrawer>

Screenshots

Smartphone

• Device: [e.g. Realme5]
• OS: [Android 10]

[pedreviljoen]

@Aaqib925 Will have a look 👍