title: How to open ComboBox dropdown menu?
body: <p>I'm working on a custom <code>ComboBox</code> item with two icons in both sides and a <code>ComboBox</code> in the middle. I want that when any of the icons are clicked the <code>ComboBox</code> dropdown menu opens, but i don't know how to do it.</p>
  
  <p>Here is my code:</p>
  
  <p>// ComboIcon.qml</p>
  
  <pre><code>Rectangle{
      color: "#fff"
      radius: 10
      property alias iconSource: icon.source
      property alias comboModel: combo.model
  
      Row{
          anchors.fill: parent
          Item{
              width: parent.width * 0.2
              height: parent.height
              Image{
                  id: icon
                  width: parent.width * 0.7
                  height: parent.height * 0.7
                  anchors.centerIn: parent
              }
              MouseArea{
                  anchors.fill: parent
                  // onClicked: combo.??
              }
          }
          ComboBox{
              id: combo
              width: parent.width * 0.65
              height: parent.height
              style: ComboBoxStyle{
                  background:Rectangle {
                      color: "#fff"
                      anchors.fill: parent
                  }
                  label: Text {
                      height: parent.height * 0.7
                      anchors.verticalCenter: parent.verticalCenter
                      verticalAlignment: Text.AlignVCenter
                      horizontalAlignment: Text.AlignHLeft
                      color: "#6186da"
                      font.family: "SansSerif"
                      font.pointSize : 20
                      fontSizeMode: Text.Fit
                      text: control.currentText
                  }
              }
          }
          Item{
              width: parent.width * 0.15
              height: parent.height
              Image{
                  width: parent.width * 0.4
                  height: parent.height * 0.4
                  anchors.centerIn: parent
                  fillMode: Image.PreserveAspectFit
                  source:  "../assets/images/combo_arrow.png"
              }
              MouseArea{
                  anchors.fill: parent
                  //onClicked: combo.??
              }
          }
      }
  }
  </code></pre>
  
  <p>I was thinking about using something like <code>combo.clicked()</code> or <code>combo.focus = true</code>, but it doesn't seem to work. Any help would be really appreciated,
  thanks.</p>