Menu is going out of view

[mddanishansari]

This is my normal menu

But if I open when menu button is below, the menu goes out of the view

I have seen in preview that the menu can be anchored. Does it happens automatically? or we have to do it manually? If we have to do it manually there is nothing mentioned in the DOCS.

Thank you

[mxck]

@mddanishansari can you show code example at snack?

[chohonest]

I am facing the same issue posting your example code and when I tap show menu it keeps opening at the bottom right of the screen. How do I give it a fix position?
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Menu ref={this.setMenuRef} button={<Ionicons name="md-more" onPress={() => this.showMenu()} style={{ fontSize: 27 }} />} > <MenuItem onPress={this.hideMenu}>{Follow ${item.first_name}}</MenuItem> <MenuItem onPress={this.hideMenu}>Add to Calendar</MenuItem> <MenuItem onPress={this.hideMenu}> Message </MenuItem> <MenuDivider /> <MenuItem onPress={this.hideMenu}>Report...</MenuItem> </Menu> </View>

[AarshOza]

Any luck finding the solution !

[mxck]

@mddanishansari @chohonest does the bug still exist in the last react-native? I just tested on virtual device and I can't catch this bug.
So if bug exists I will reopen this issue.

[mxck]

Seems this RN bug facebook/react-native#14887