title: QML menu bar display in QtQuick application
body: <p>I'm developing a macOS application using QML containing just a menu bar:</p>
  
  <pre><code>import QtQuick 2.12
  import QtQuick.Window 2.12
  import QtQuick.Controls 2.4
  
  ApplicationWindow {
      visible: true
      width: 640
      height: 480
      title: qsTr("Hello World")
  
      menuBar: MenuBar {
          Menu {
              title: qsTr("&amp;File")
              Action { text: qsTr("&amp;New...") }
              Action { text: qsTr("&amp;Open...") }
              Action { text: qsTr("&amp;Save") }
              Action { text: qsTr("Save &amp;As...") }
              MenuSeparator { }
              Action { text: qsTr("&amp;Quit") }
          }
          Menu {
              title: qsTr("&amp;Edit")
              Action { text: qsTr("Cu&amp;t") }
              Action { text: qsTr("&amp;Copy") }
              Action { text: qsTr("&amp;Paste") }
          }
          Menu {
              title: qsTr("&amp;Help")
              Action { text: qsTr("&amp;About") }
          }
      }
  }
  </code></pre>
  
  <p>Unfortunately, the menu doesn't look as expected:</p>
  
  <p><a href="https://i.stack.imgur.com/kUYgK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kUYgK.png" alt="screenshot"></a></p>
  
  <p>Usually, menu items appear next to the <em>Apple</em> menu which contains just <em>MenuTest</em> here:</p>
  
  <p><a href="https://i.stack.imgur.com/uyzCY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uyzCY.png" alt="enter image description here"></a></p>