[Overlay] Inline overlays with backdrops do not close on outside click

Environment

• Package version(s): 3.14.1
• Browser and OS versions: OSX/FF65

Steps to reproduce

1. On Overlay docs page, open an overlay with usePortal={false}, hasBackdrop={true} and canOutsideCloseClick={true}
2. Click anywhere on the page outside of the overlay’s container (overlay does not close)
3. Click anywhere inside the overlay’s backdrop (overlay will close)

Actual behavior

An outside click somewhere on the document while an overlay is open does not close it.

Expected behavior

When an overlay is open with canOutsideClick={true}, any click outside of the overlay content should close it.

Possible solution

Provided that this is not the desired behavior and by design, inline (non-portal) overlays should always bind a mousedown listener to document, regardless of whether or not they have a backdrop.

[adidahiya]

This combo is the default for <Popover>

ah, good point 😃 I was thinking in a dialog-centric way

I’m going to close this as “by design”, but open to documentation changes which help explain the reasoning behind the interaction between these two props

[jaamison]

As a quick aside:

This combination of canOutsideClickClose={true} hasBackdrop={false} is provided as an API for very special use cases,

This combo is the default for <Popover>