The dialog cannot dismiss when enabling "Debug JS Remotely" mode

Hi there,

I have been struggling to figure out why my dialog cannot be closed for several weeks.

And finally found that when I am developing in “Debug JS Remotely” mode, the issue will happen.

That clicking the overlay cannot close the dialog by default and even though “dismissOnTouchOutside={true}” set as true.

It is wired.

  "dependencies": {
    "expo": "^24.0.0",
    "lodash": "4.17.4",
    "native-base": "^2.5.1",
    "react": "^16.2.0",
    "react-native": "0.51.0",
    "react-native-popup-dialog": "^0.14.50",
    "react-navigation": "^2.9.3",
    "react-redux": "5.0.6",
    "redux": "3.7.2",
    "redux-actions": "^2.4.0",
    "redux-form": "^7.4.2",
    "redux-saga": "^0.16.0",
    "remote-redux-devtools": "0.5.0",
    "remote-redux-devtools-on-debugger": "^0.8.0"
  }

Thanks.

[JeffGuKang]

It is occurred related to animation in Android when you use debug mode. Try animationDuration={0}.

But I did not find the exact root cause yet.

[skout90]

when running Debug JS Remotely Dialog disapear but, it can touch yet.