FB15812999: SeparatorShapeStyle incorrectly inherits foregroundStyle in iPad apps running on Mac

[samhenrigold]

• Date: 2024-11-14
• Resolution: Open
• Area: SwiftUI
• OS: macOS 15.1 Seed 6 (24B5070a)
• Type: Incorrect/Unexpected Behavior
• Keywords: SwiftUI ShapeStyle, “Designed for iPad” compatibility mode Mac apps

Description

When using SwiftUI's SeparatorShapeStyle in an iPad app running on Mac through iPad compatibility mode, the separator style incorrectly inherits the view's foregroundStyle color instead of maintaining its standard translucent gray appearance.

Steps to Reproduce:

1. Create a shape and fill it with .fill(.separator)
2. Set a foregroundStyle on a parent container view
3. Run the app on iPad/iPhone - appears correct
4. Run the same iPad app on Mac - separator incorrectly takes on the foreground color

Expected Behavior:
The SeparatorShapeStyle should maintain its standard translucent gray appearance regardless of the parent view's foregroundStyle, consistent with its behavior on iPadOS.

Note: This does not happen with other fill styles, such as .fill(.fill). Both systems will correctly render it as gray.

Files

//
//  ContentView.swift
//  CanvasStyleTest
//
//  Created by Sam Gold on 2024-11-14.
//

import SwiftUI

struct ContentView: View {
    var body: some View {
        HStack(spacing: 64) {
            Circle()
                .fill(.separator)
                .frame(width: 128, height: 128)
            
            Circle()
                .frame(width: 128, height: 128)
        }
        .foregroundStyle(.blue)
    }
}


#Preview {
    ContentView()
}