onRequestClose doesn't work on iOS

[littlee]

Summary:

I pass onRequestClose prop to <Modal/>, but when I click the overlay, the modal doesn't close (iPhone 5s latest iOS), but it does on desktop browser.

[claydiffrient]

I don't have an iOS device to debug this on. This would be a great PR opportunity if anyone is interested.

[yatharthx]

@claydiffrient I tried to debug this one and it seems like some react issue. The onMouseDown and onMouseUp events don't work with <div> element. However it seems to work fine with more semantic elements like <button>. Let me know if you have a workaround for this. Would love to pick this up for a PR.

[yatharthx]

@claydiffrient Seems to be somewhat related to #1169

[monsieurnebo]

It seems that iOS doesn't detect an element as clickable without the cursor: pointer; CSS property.

Applying cursor: pointer; to the overlay is a workaround, but it would be nice to get a real fix.

See facebook/react#1169 for more informations.

[diasbruno]

A fix has been merged. I'm closing this issue for clean up.
If the fix does not solve this issue, please reopen this issue.