popup-menu does not work on android in DEV mode

[binbinla]

I can't see the menu on android device,while iOS can.

[sodik82]

can you provide us more details?

[sodik82]

closing due to inactivity. official example works fine on android.

[joncursi]

I'm having the same issue. iOS menus are opening, android menus are not. I'm using the slide renderer that comes in from the bottom

[sodik82]

can you provide us more details? ideally provide us "not working" expo snack example that we can reproduce the problem. Or if you can track what in your setup caused the bad behaviour - since our example application works fine with slideIn renderer. Is it same for different versions of RN? Or maybe if you could send us the debug logs (Menu.debug = true;)

[joncursi]

I think it has something to do with whether or not Android is being bundled and / or minified in debug versus release mode. I'll see if I can narrow it down to something more concrete

[joncursi]

Okay, I have reproducible behavior:

If react-native's global __DEV__ variable is set to true, none of my popup menus open when I press the menu trigger (only on Android, iOS seems to work fine regardless of DEV setting). For my staging and release builds, where __DEV__ is set to false, all menus open correctly when pressing the menu trigger.

[sodik82]

thanks, so it should be something with debug mode. Just to be sure - which RN version? I will try to check it sometime this week.

[joncursi]

@sodik82 sounds good! I'm on the latest (0.48.4) but I was also seeing this on 0.48.3.

[sodik82]

@joncursi I tried our basic example on clean RN 0.48.4 project on Android simulator in debug mode. ( __DEV__ was true. ) But it was working. Have you seen something suspicious in RN logs (ideally with Menu.debug=true)? Or do you have any 3rd party lib above MenuContext?

[sodik82]

closing for inactivity - will reopen if there is new info.

[joncursi]

@sodik82 I finally figured it out!

I am using a Symbol polyfill from core-js on Android because a lot of the libraries that I use depend on it. It seems like this causes some trouble with other libraries, such as this one.

Try npm install --save core-js and then adding this to your android.index.js:

import 'core-js/es6/symbol';
import 'core-js/fn/symbol/iterator';

You'll see that the popup menus no longer open. However, if you enable "Debug JS Remotely", they work again. That is because the JS gets executed on your laptop instead, which supports Symbol natively.

What can we do to fix this? Check out this comment and the associated PR to see what they did to fix this same issue with the BackHandler module.

[sodik82]

I have worked around the problem with iterator and polyfills - thus menu should open. I guess in such setups our BackHandler implementation won't work - but this is outside of our reach.