Session Replay Mask text forces parent element to mask everything

[sterien7]

Version

3.19.4

Steps to Reproduce

1. Mask a Text() element using .postHogMask()
2. The text element is inside a parent element which acts like a list item View
3. if the parent element has the .clipShape modifier, the whole element gets masked instead of just the text

I use .clipShape(.rect(cornerRadius: 24))

Expected Result

The inner Text view should be masked

Actual Result

The whole list item gets Masked

[ioannisj]

@sterien7 Thanks for reporting this. I'll try to replicate locally and see what may be going on here and I'll check back with you.

[sterien7]

@ioannisj here is a code sample

VStack(spacing: 12) {
    Group {
        // ... Some other views
    }
    .frame(maxWidth: .infinity, alignment: .leading)

    HStack(spacing: 4) {
        // this is the text I want to mask
        Text(pet.name)
            .postHogMask()
            .paragraphStyle(.small, foregroundStyle: Color.Text.secondary)
            .lineLimit(1)
            .fixedSize(horizontal: false, vertical: true)
        
        VStack(alignment: .trailing, spacing: 2) {
            // ... Some other views
        }
        .frame(maxWidth: .infinity, alignment: .trailing)
    }
}
.padding()
.frame(maxWidth: .infinity, minHeight: 112, alignment: .top)
.background(Color.Gray._40)
.clipShape(RoundedRectangle(cornerRadius: 24))
.geometryGroup()

[ioannisj]

Hey @sterien7, pushed a small fix to fix/clip-shape-swiftui-masking. Could you verify if this resolves the masking issue? Let me know if you notice anything unexpected.