Allow components to inherit from Menu so that they can be imported into MenuBar

[tduarte-dspc]

The following code does not compile. On file_menu.slint I get the following error: Menu can only be within a ContextMenuArea element.

main.slint:

import { FileMenu } from "file_menu.slint";


export component MainWindow inherits Window {
    title: "Main Window";
    MenuBar {
        FileMenu { }

        // Examples of menus
        // EditMenu { }
        // ViewMenu { }
        // HelpMenu { }
        // etc.
    }
}

file_menu.slint:

export component FileMenu inherits Menu {
    title: @tr("File");
    MenuItem {
        title: @tr("New");
    }
    // .... more MenuItems
}

With a component for each Menu it would be easier to main the menus. A complex application can have dozens/(maybe)hundreds of menu items.

I tried to make FileMenu inherit from ContextMenuArea but then it fails on the MenuBar on the main.slint.

[ogoffart]

Menu aren't real element and that's why it is a bit different.
However, I do understand that it would help to create re-usable menu like that.

[tduarte-dspc]

Understood.
Should I create a ticket for this?

[ogoffart]

Yes please

[tduarte-dspc]

I've created the ticket from this discussion but the type was not populated and I can't edit now to set it as feature request. Sorry if that is not the right way.

[ogoffart]

Thanks. I've updated the type and labels