[Dialog][AlertDialog][Popover][DropdownMenu] Prevent pointer-events reenabling prematurely (mobile)

[jjenzz]

Fixes #631
Fixes #761
Fixes #762
Fixes #763

I managed to fix these all in one go eventually.

@benoitgrelard I believe I've also managed to provide a solution that merges both of our suggestions. My main concern was to keep the fix within useBodyPointerEvents since the issue is a side-effect of pointer-events enabling too soon, but I've only enabled the delay on pointerdown (because like you say, that's when it's an issue) and it's a touch or pen pointer.

Happy to continue to discuss alternate solutions as well if we have any because obviously, setTimeouts are never ideal.

---

UPDATE: Delay has been removed in favour of waiting for click event. I gave myself the idea here #767 (comment) 😅

[jjenzz]

Alternatively, we can change onPointerDownOutside to onClickOutside. I know that will make closing feel a bit slower but I'm not sure that making it feel more instantaneous is worth these side effects/timers.

[benoitgrelard]

Love the direction of this new solution!

One thing I've been wondering: does this also negate the need for the change I have made in DismissableLayer's usePointerDownOutside?

[andy-hook]

Love this!

[jjenzz]

One thing I've been wondering: does this also negate the need for the change I have made in DismissableLayer's usePointerDownOutside?

@benoitgrelard Potentially, I'll try replicate the issue you were experiencing and confirm.

[jjenzz]

Spoke to Benoit about his issue and we think the fix there is still required since the fix in this PR will only apply to modal things.