onPress not detected on position: absolute element inside Menu's anchor property

OnPress not working on position absolute element inside Menu anchor

I have a FAB button(the purple button in the image above with the horizontal menu icon) that has a position: absolute and it is inside a Menu element. The onPress event is not triggered when it is inside the Menu’s anchor property. If I change the FAB’s position to relative then the onPress events are triggered.

Code

<Menu
    visible={this.state.profile_edit_menu_visible}
    onDismiss={this._dismissProfileMenu}
    anchor={
        <FAB
            icon="dots-vertical"
            color="#FFFFFF"
            small
            style={styles.infoBtn}
            onPress={() => {
            console.log("Pressed...");
            this._showProfileMenu();
            }}
        />
    }
>
    <Menu.Item ... />
    <Menu.Item ... />
</Menu>

I am not able to get this working in any way. I don’t want to change it to a normal button, so appreciate any workarounds and suggestions. Thanks

[jdbarras]

Very late to this, but I wrapped my entire Menu in a View and gave the View absolute positioning and it fixed this for me.

[ramazan-sambapos]

Hi I solved my problem, are you trying to change the z-index property of its FAB?