Is it possible to remove the extra space around the custom bar view?

[dsk1306]

I've been playing around with the library and noticed some strange behavior.

I've added a simple view with some content

var body: some View {
    Color.red
        .ignoresSafeArea(edges: [.top, .bottom])
        .popupCloseButtonStyle(.none)
        .popupInteractionStyle(.customizedSnap(percent: 0.5))
        .popup(
            isBarPresented: $coordinator.isBarPresented,
            isPopupOpen: $coordinator.isPopupOpen,
            onClose: { coordinator.onPopupClose?() },
            popupContent: { Text("test") }
        )
        .popupBarCustomView(wantsDefaultHighlightGesture: false) {
            VStack {
                Text("line 1")
                Text("line 2")
                Text("line 3")
            }
        }
}

and for some reason the hosting view adds quite a lot of vertical space around my content view.

I've tried to ignore safe area in custom view

.popupBarCustomView(wantsDefaultHighlightGesture: false) {
    VStack(spacing: .zero) {
        Text("line 1")
        Text("line 2")
        Text("line 3")
    }
    .ignoresSafeArea()
}

but it seems that the hosting view size stays the same

Do you think it's possible to remove these paddings without breaking the layout logic?

[LeoNatan]

Hello,

Hmmm. Internally, I am using sizeThatFits(in:), which appears to produce that large padding. Looking at the values this function returns:

fittingSize: (32.33333333333333, 20.333333333333332)
fittingSize: (32.33333333333333, 20.333333333333332)
fittingSize: (32.33333333333333, 113.33333333333333)
fittingSize: (32.33333333333333, 113.33333333333333)

It suddenly balloons to include the additional padding. Let me look into it.

[LeoNatan]

I found a solution.

@dsk1306 I will create an issue from this discussion and commit the fix.