On macOS Settings window navigation bar item is in the center

Hi,

Overview

I have a Mac app with a settings window. When I add a button it is added to the center. I want it on the trailing edge, I even tried adding it as confirmationAction but doesn’t work.

Screenshot

Feedback

FB21374186

Steps to reproduce

  1. Run the project on mac
  2. Open the app's settings by pressing ⌘ ,
  3. Notice that the Save button is in the center instead of the trailing edge

Code

App

import SwiftUI

@main
struct SettingsToolbarButtonBugApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
        
        Settings {
            SettingsView()
                .frame(width: 300, height: 400)
        }
    }
}

SettingsView

import SwiftUI

struct SettingsView: View {
    var body: some View {
        NavigationStack {
            Form {
                Text("Settings window")
            }
            .toolbar {
                ToolbarItem(placement: .confirmationAction) {
                    // Save button is the center instead of trailing edge
                    Button("Save") {}
                }
            }
            .navigationTitle("Settings")
        }
    }
}
On macOS Settings window navigation bar item is in the center
 
 
Q