How to dismiss popover when click source view about popovers HOT 6 OPEN

Rendering a GeometryReader as a background of the Button and making the popover a modifier of a Spacer in the GeometryReader and setting its excludedFrames to contain the GeometryReader's frame in the .global coordinate space did the trick for me

Button("Present popover!") {
    present.toggle()
}
.background(
    GeometryReader { geometry in
        Spacer()
            .popover(present: $present, attributes: { attributes in
                attributes.dismissal.excludedFrames = {
                    return [geometry.frame(in: .global)]
                }
            }, view: {
                Text("Hi, I'm a popover.")
            })
    }
)

from popovers.

Button("Present popover!") {
    present.toggle()
}
.allowsHitTesting(!present)
.popover(present: $present) { 
    Text("Hi, I'm a popover.")
}

😂

from popovers.

I have found that using the following works for me.

This will dismiss the popover by tapping outside
$0.dismissal.mode = .tapOutside

I have also set an auto dismissal like this: You would attach this onAppear to the popover view
.onAppear { DispatchQueue.main.asyncAfter(deadline: .now() + 5, execute: { showPopoverHint.toggle() }) }

All this works for me.

from popovers.

This needs to be a lib function but thank you for the creative solution!

from popovers.

Nice idea and fix, thanks. Will see what I can do

from popovers.

Unfortunately I can't find a working solution for accomplishing this with List items and popovers activated by selection, because List first removes the selection before adding it again. I'm now doing it by detecting extremely quick close/reopen on the same item.

from popovers.