[MacCatalyst] DisplayActionSheet is spreading horizontal

[TomQv]

Description

DisplayActionSheet with more then 6 commands is displayed as a horizontal strip:

If its 6 or less commands, its displayed correctly vertical:

On iOS, Android and Windows its always correctly vertical. Only on MacCatalyst its this odd behaviour. Also only on MacCatalyst the app-icon is also displayed in the DisplayActionSheet, which I don't want.

So, is there a way to have MacCatalyst display the DisplayActionSheet always vertically and without app-icon?

Using MAUI 9.0.40

Steps to Reproduce

1. Create a new Maui-App with a Button
2. in the clicked-handler open a DisplayActionSheet:

var comands = new string[]{"command1","command2","command3",
                               "command4","command5","command6","command7" }; 
var action = await currentpage.DisplayActionSheet("Action", "Cancel", null, commands}

If its 7 or more commands, its displayed horizontal. Up to 6 commands its displayed correctly vertically.

Link to public reproduction project repository

No response

Version with bug

9.0.40 SR4

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

macOS

Affected platform versions

macOS 14.7.1

Did you find any workaround?

No.

Relevant log output

[SuthiYuvaraj]

The issue has been verified using Visual Studio Code (version 1.98.2) with .NET MAUI versions 8.0.100, 9.0.40 and 9.0.60. It is reproducible on the MacCatalyst platform (macOS Sequoia 15.4) but does not occur on iOS, Android, or Windows platforms.

[kubaflo]

Hi!
This is the Apple's native behavior

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let button = UIButton(type: .system)
        button.setTitle("Show Action Sheet", for: .normal)
        button.addTarget(self, action: #selector(showActionSheet), for: .touchUpInside)

        button.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(button)

        NSLayoutConstraint.activate([
            button.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            button.centerYAnchor.constraint(equalTo: view.centerYAnchor)
        ])
    }

    @objc func showActionSheet() {
        let alert = UIAlertController(title: "Select Action", message: nil, preferredStyle: .actionSheet)

        let commands = ["command1", "command2", "command3", "command4", "command5", "command6", "command7", "command8", "command9"]

        for command in commands {
            alert.addAction(UIAlertAction(title: command, style: .default, handler: { _ in
                print("Selected: \(command)")
            }))
        }

        alert.addAction(UIAlertAction(title: "Cancel", style: .cancel, handler: nil))

        // For iPad / Catalyst - Prevent crash by specifying source
        if let popoverController = alert.popoverPresentationController {
            popoverController.sourceView = self.view
            popoverController.sourceRect = CGRect(x: self.view.bounds.midX, y: self.view.bounds.midY, width: 0, height: 0)
            popoverController.permittedArrowDirections = []
        }

        present(alert, animated: true, completion: nil)
    }

[morning4coffe-dev]

I can see the same issue with Issue25200 > ActionSheetWithManyActionsShouldDisplayProperly test. For now, I disabled the test on macOS until this issue gets resolved somehow: