Liquid Glass Interaction Bug

The top toolbar looks fine, but in the bottom toolbar, one of the layers is stretched into a capsule shape instead of an ellipse.

Is this intended?

Thank you for your post.

Do you get the same results with just the relevant code in a small test project? If so, please share a link to your test project. That'll help us better understand what's going on. If you're not familiar with preparing a test project, take a look at Creating a test project.

Albert Pascual
  Worldwide Developer Relations.

Thanks for your reply.

Yes, the issue is present in a minimal test project. Here is the full code to demonstrate the bug:

import SwiftUI

@main
struct BugDemoApp: App {
    var body: some Scene {
        WindowGroup {
            NavigationStack {
                List {
                    
                }
                .toolbar {
                    ToolbarItem(placement: .bottomBar) {
                        Button {
                            
                        } label: {
                            Image(systemName: "apple.logo")
                        }
                    }
                }
            }
        }
    }
}

This behavior is also visible in system apps, for example in Notes and Reminders.

Thank you for providing this. May I kindly request that you zip up the project and create a bug to upload it?

Once you open the bug report, please post the FB number here for my reference.

If you have any questions about filing a bug report, take a look at Bug Reporting: How and Why?

Albert Pascual
  Worldwide Developer Relations.

I just filed Feedback regarding this issue, with many screenshots with examples of it.

Feedback ID: FB20933333

Liquid Glass Interaction Bug
 
 
Q